如何使用JavaScript使用.com网址进行HTTP请求？

Question

因此，我想创建一个从其他网站加载某些html的网站，例如使用javascript的google.com。 我已经完成了...

<button type="button" onclick="load()">Request data</button>
<p id="demo"></p>
<script>
function load() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function(){
  if(xhttp.readyState === 4 && xhttp.status === 200){
      document.getElementById("demo").innerHTML = xhttp.responseText;
  };
}
xhttp.open("GET", "http://www.google.com or some .com url", true);
xhttp.send();
}
</script>

而且它不起作用。 我想念什么？ 什么都赞赏！

Answer 1

XMLHttpRequest将为您提供“ 相同来源策略错误” 。 您可以通过执行以下操作来使用脚本HTML标记从另一个域获取数据来克服这一问题：

script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://www.google.com';

之后，您将获得

<script> 
  //Some Data
</script>

因此，您将不得不改用JSONP 。 例：

     <script>
        $(document).ready(function(){
            $.ajax({
                url: 'http://google.com/'
                dataType: 'jsonp',
                success: function(){
                    // Do something
                }, 
                error: function(){
                    // Do Something
                }
            });
        })
    </script>