javascript - 如何在 jQuery ajax 请求中获取 HTML 网页的一部分？换句话说，如何在 ajax 调用中过滤网页内容？

Question

我正在使用以下脚本在我的页面中加载 html。但是，它会加载包含在 pages.html 中的所有页面内容（从 doctype 到关闭 html 标记）。

$(function() {
            $.ajax({
                type:"GET",
                url:"webpage.html",
                dataType:"html",
                success:function(data) {
                    alert(data);
                    $("body").html(data);
                },
                error:function() {
                    alert("Error");
                }
            })
        });

我无法控制webpage.html，实际上我只需要一些具有特定类的div 来在ajax 请求之后加载。谁能给我一些关于如何通过我无法控制的ajax调用过滤网页内容的想法。

谢谢，迈克

Answer 1

 success:function(data) {
     var out = "";
     $(data).find("your selectors").each(function(loop, item){
         out += $(item).html();
     });
     data = out;
     alert(data);
     $("body").html(data);
 }

Answer 2

采用.load()

var url = "webpage.html .classOfDivsYouWantLoaded";

$("body").load(url, function(){
    //callback after your data is in loaded into body.
});