ajax - 如何在jquery中使用div标签附加html响应(从ajax请求获得)？

Question

下面是访问服务器上的 url 并获取 html 响应的代码片段。我可以看到Firefox 调试器内的响应，但它不显示在 div 标记中。

$.ajax({
    url: url,
    dataType: 'html',
    data: '',
    type: 'POST',
    success: function(data) {
        //in firefox debugger i can see complete html response inside data 
        $('#displayContent').html(data); // but here, it does not  
        // append the html inside div displayContent. Instead it makes 
        // the current page blank
    }
});​

我不明白我在这里犯了什么错误我可以不使用 $('#displayContent 直接将 ajax html 响应分配给选择器(在我的例子中为 div 标签) ').html(数据)?

Answer 1

不要使用 html() 方法，而是使用附加方法，即

$('#displayContent').append(data);

或者，如果您想将整个内容直接分配给您的元素，请使用加载方法

$(function(){
   $('#displayContent').load(url);
});