通过jQuery获取页面

时间:2011-03-06 13:27:13

标签: javascript jquery html css ajax

这是我的js:

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

它得到test.html,我如何操作成功函数内的接收数据?

1 个答案:

答案 0 :(得分:3)

与每个 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标记无效,这就会造成麻烦。