javascript - 无需 XMLHttpRequest 即可获取 URL 的 HTML

Question

感谢您的阅读。我正在尝试提出一个 Javascript 函数，它将外部 URL 处的页面的 HTML 源代码转换为变量，以便整个内容变得可编辑。复杂的是，URL 不是以“html、htm、aspx”扩展名结尾，而是以一串输入表单变量结尾(即？type=AAA&color=BBB...)。因此 XMLHttpRequest 方法是不可能的。

这在 JS/jQuery 中可行吗？我听说过同源策略，但以下工具设法做到了这一点，尽管是在 PHP 中:http://www.iwebtool.com/code_viewer

Answer 1

同源策略确实适用于这种情况，但是您可以使用服务器端代码 (PHP) 和 jQuery 的组合来实现。这是一个小例子。

PHP

<?php
    $url = $_REQUEST['url'];
    $curl_handle=curl_init();
    curl_setopt($curl_handle,CURLOPT_URL,$url);
    curl_setopt($curl_handle,CURLOPT_CONNECTTIMEOUT,2);
    curl_setopt($curl_handle,CURLOPT_RETURNTRANSFER,1);
    $buffer = curl_exec($curl_handle);
    curl_close($curl_handle);
    echo($buffer);
?>

jQuery/HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$.ajax({
  type: "POST",
  url: "yourPhpScript.php",
  data: "url=http://stackoverflow.com"
}).done(function( content ) {
  $('#content').html(content);
  //content is your variable containing the source
});
</script>

<div id="content"></div>