javascript - 使用 jquery 进行抓取和操作

Question

我发出 ajax 请求以获取一个可以工作的外部页面 - 但我无法操纵页面内容，我想获取一些h2元素并将它们呈现到div我的页面上。

$.ajax({
    url: 'www.example.com',
    type: 'GET',
    dataType: 'jsonp',
    success: function(data) {
        var mycontent = $(data).filter("h2");
    }
});

我收到一个错误，因为我的响应包含 html/header 标签。

Answer 1

要获取由另一个域或端口提供的外部文件并在现代浏览器中操作其内容，您必须要么

• 使用JSONP

• 设置CORS 标头

在这两种情况下，这意味着您可以访问服务器。

顺便说一句，您似乎无法尝试执行 jsonp 请求并希望在成功函数中提供已回答的内容：服务器通过回答直接调用您的 javascript 函数functionName(someJson)。

Answer 2

你不能。AJAX 旨在处理对页面（脚本）的请求以及一些数据；该脚本评估数据并返回响应。

这与普通网页的内容无关，除非服务器有特定的服务来处理页面的 HTML。换句话说，这种方式通常无法进行抓取。