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代码块中的success函数.