js：从其他域加载页面的html

Question

我想知道如何加载托管在不同域中的HTML？

我正在使用JavaScript，并且想创建一个书签，使我能够解析外部HTML。

我白白搜寻了好几个小时...

Answer 1

不允许JavaScript发出跨域请求。 这是一个很大的安全风险。 相反，您将必须在服务器上执行脚本并将其返回给JavaScript函数。

例如，假设您使用的是JavaScript和PHP，则可以将应用程序设置为如下所示：

JavaScript向服务器上的页面（或脚本）发起Ajax请求。 它将任何必需的参数传递到此页面。 以下代码基于jQuery（为简洁起见），但是无论您使用什么框架，其原理都是相同的。

var sParameters = " ... " // this is defined by you
$.ajax({
  url: 'your-server-side-code.php',
  processData: false,
  data: sParameters,
  success: function(sResponse) {
    // handle the response data however you want
  }
});

服务器端代码将响应该请求，并将必要的参数传递到跨域网站。 PHP的cURL库对此非常有用 。

// very contrivuted cURL configuration for purposes of example...
$curl_connection = curl_init();
$str_url = "http://you-url.com";
curl_setopt($curl_connection, CURLOPT_URL, $str_url);
curl_setopt($curl_connection, CURLOPT_GET, 1);
// ... keep setting your options ...
$str_response = curl_exec($curl_connection);
curl_close($curl_connection);

当跨域网站响应时，您的服务器端代码可以将响应回显到初始请求。 这可能应该在回复之前进行验证，但这只是一个例子。

print_r($str_response);

然后，JavaScript响应处理程序函数可以解析传入的响应数据。 注意上面JavaScript代码的第一部分中的成功函数。

Answer 2

如果您不拥有其他页面，那将非常困难。

实际上，您无法使用javascript向另一个域发出请求。 您唯一可以做的就是从另一个域加载脚本：

<script type="text/javascript" src="http://otherdomain.com/script.js"></script>

如果这样做的目的是从另一个域加载数据，并且（如我所说）您拥有另一个站点，则可以创建script.js文件，该文件将在原始站点中加载所需的数据。

请记住，这是一件微妙的事情，只有在您知道脚本中将要包含的内容时，才应该这样做。

Answer 3

您可以从localhost发出跨域请求，但是如果您打算将此代码部署到服务器，它将无法正常工作。 由于您正在开发一个书签，我想您可以做到这一点。

您需要使用AJAX来获取远程HTML。

jQuery库使此任务变得如此简单...

$.get("http://www.google.com", function(html) { alert(html); });