jQuery地址+ $.Ajax不显示内容

我想在我的项目中实现jQuery地址插件。

我遵循爬行实现的一般示例(即hashbang)。

我的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>

$.ajax()调用请求一个我创建的虚拟html页面:

<!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>

我发送的是text/html内容类型的HTML页面。

请求正在成功执行，处理程序匿名函数正在获取整个页面数据，但是$('.content).html()命令不起作用。当我做alert($('#content', data).html());时，我得到null，什么都没发生。没有错误，但也没有内容。

在这一点上，我几乎是在我的智慧的尽头…你有什么推荐吗?

Edit:澄清一下，问题不在于请求本身，也不是URL，也不是浏览器安全问题。我只是无法从我的请求中选择和显示数据。

更糟糕的是，如果我简单地将$.ajax() url替换为我知道不存在的页面(即404页面)的url，它会解析并显示我的404消息。

我认为这可能是你使用的选择器上下文。

$('#content', data)

这不起作用，因为data不是一个jQuery对象，它只是HTML。

我能想到的三个选项:

//not sure if you can just wrap data within the selector so putting it in a variable
var myhtml = $(data);
$('#content', myhtml)

2)让你的虚拟html页面只有#contentdiv.如果你只是通过ajax获得，你不需要有一个完整的页面。

3)尝试重构你的代码以使用jQuery。函数，它允许您指定一个选择器，以便从加载的文件中获取特定的内容片段$('#result').load('ajax/test.html #container');

您的ajax很好。

我不能得到任何其他的答案与JSFiddle工作，但这个工作。但我怀疑这是不是最好的办法:

var handler = function(data) {
    // Create jQuery object with received data
    var $content = $('<div></div>').html(data); 
    // Get the html that you wanted   
    var theHtml = $('#content', $content).html();
    // Place content into page proper
    $('.content').html(theHtml).parent().show();
    // Rest of function...
}

如果你是那种受虐狂类型的人，就在这一行:

$('.content').html($('#content', $('<div></div>').html(data)).html()).parent().show();

搞定了。我用以下代码替换了$.ajax()调用:

$('.content').load('/index.php?ACT=87&action=shows&_escaped_fragment_=' + encodeURIComponent(event.value) +' #content');

仍然有兴趣知道如果有人能告诉我我做错了$.ajax()。

相关内容

最新更新

热门标签：