通过 jQuery 获取页面答案

【问题标题】：Get page by jQuery通过 jQuery 获取页面
【发布时间】：2011-03-06 13:27:13
【问题描述】：

这是我的 js：

$.ajax({
    url: "test.html",
    error: function(){
        //do something
    }
    success: function(){
        //do something
    }
});

得到了test.html，如何在success函数里面对接收到的数据进行操作？

【问题讨论】：

你想达到什么目的？

标签： javascript jquery html css ajax

【解决方案1】：

与每个Ajax 成功处理程序 一样，回调在接收到的数据中传递。数据的类型可能会有所不同，具体取决于 dataType。

在您的情况下，它是 纯文本 响应（希望 HTML 格式良好）。如果是这样，您可以将响应包装到 jQuery 构造函数中并对其进行操作。

$.ajax({
    url: "test.html",
    error: function(){
        //do something
    }
    success: function(data){
        // data contains the received HTML file
        $(data).find('.someclass').css('color', 'BADA55').appendTo('.somewhere');
    }
});

实际上只有.somewhere 表示<iframe> 元素才有意义。这是因为您的标记中不能有多个 <HTML>、<BODY> 或 <HEAD> 节点。因此，将完整的 HTML 文件附加到 <DIV> 会导致无效的 HTML 标记，这是自找麻烦。

【讨论】：

您还应该将 dataType 设置为 html。
@Elad：如果你跳过它，jQuery 会照顾你的。基于响应的 MIME 类型。这在这里应该可以正常工作，但总的来说我同意。您应该始终设置一个 dataType 来确定。