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 headers

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

顺便说一句，您不能像您尝试的那样执行 jsonp 请求并希望在 success 函数中提供应答的内容:服务器通过应答 functionName(someJson ) 直接调用您的 javascript 函数)。