通过JQuery获取另一个网页的html源/文本

Question

是否可以：

• 从我的网页内，从另一个网页获取所有 HTML 源代码。我需要这样做才能将其他页面 html 源传递给我的函数。

以下不同的尝试不起作用：

var html = $.get("http://simplyrecipes.com/recipes/braised_turkey_legs/").html();
var html = $.get("http://simplyrecipes.com/recipes/braised_turkey_legs/");
var html = $("http://simplyrecipes.com/recipes/braised_turkey_legs/").html();

Answer 1

使用Ajax，而get只是ajax的快捷方式，实际上不可能从其他域获取源html，如果这就是你想要做的？出于安全原因，ajax 有同源策略。

然而，通过 YQL 可以做的是，阅读 this 看看如何，或者您可以使用 php 或其他东西进行代理，仅使用常规的 get 请求，但这是不可行的。

如果您尝试获取的页面位于您的域中，则 .load();可能会更好。

Answer 2

Javascript 有一个同源策略，这就是阻碍你的因素。

Answer 3

jQuery 的 get 函数不会返回加载的数据，而是调用回调函数并将数据作为参数传递。

这是来自 文档：

$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});

PS：请注意，无论如何，这仅适用于相同的情况域，因为出于安全原因通常不支持跨域 AJAX。