jQuery Address + $.ajax not displaying content

StackOverflow https://stackoverflow.com/questions/8422106

Question

I'm trying to implement the jQuery Address plugin in my project.

I'm following the Asual example of the Crawling implementation (i.e. hashbangs).

My javascript:

<script type="text/javascript">
    $.address.init(function(event) {
        // Initializes plugin support for links
        $('a:not([href^=http])').address();

        var handler = function(data) {
            $('.content').html($('#content', data).html()).parent().show();
            $.address.title(/>([^<]*)<\/title/.exec(data)[1]);
        };

        // Loads the page content and inserts it into the content area
        $.ajax({
            url: '/index.php?ACT=87&action=shows&_escaped_fragment_=' + encodeURIComponent(event.value),
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                handler(XMLHttpRequest.responseText);
            },
            success: function(data, textStatus, XMLHttpRequest) {
                handler(data);
            },
            contentType: 'text/html'
        });
    });
</script>

The $.ajax() call is requesting a dummy html page I created:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
    <head><title>testing</title>
    </head>
    <body>
    <div id="content">test</div>
    </body>
</html>

I'm sending this HTML page with the text/html content type.

The request is executing successfully, and the handler anonymous function is getting the entire page data, but the $('.content).html() command isn't working. When I do alert($('#content', data).html());, I get null, and nothing happens. No errors, but no content either.

I'm pretty much at my wits end at this point... any recommendations?

Edit: To clarify, the problem isn't with the request itself, nor a URL, nor a browser security issue. I'm simply unable to select and display data from my request on the page.

To make matters worse, if I simply replace the $.ajax() url with that of a page that I know doesn't exist (i.e. a 404 page), it parses and displays my 404 message just fine.

No correct solution

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top