javascript - jquery ajax 正在加载整个外部 html 而不是目标 div

Question

我在外部 html 文件中加载了一个简单的 ajax 请求，但它拉入了整个页面，而不仅仅是我请求的特定 div。这只适用于.load吗？

 $.ajax({
 url: 't3.html #test',
 success: function(data) {
 $('.incoming').append(data);
 }
 });

Answer 1

使用load()将为您想要的选择器过滤外部页面的方法

$('.incoming').load('t3.html #test');

否则使用其他 AJAX 方法，您需要创建自己的过滤器，它们不会自己解析内容的 url：

$.ajax({
    url: 't3.html',
    success: function(data) {
        var div=$(data).find(' #test'); /* if #test not wrapped in parent use filter instead of find*/
        $('.incoming').append(div);
    }
});

参考： http ://api.jquery.com/load/