JS跨域访问实战-优快云博客

本文链接：https://blog.youkuaiyun.com/u014211355/article/details/22924473

1.js跨域：

所谓js跨域问题，是指在一个域下的页面中通过js访问另一个不同域下的数据对象，出于安全性考虑，几乎所有浏览器都不允许这种跨域访问，这就导致在一些ajax应用中，使用跨域的web service会成为一个问题。

2.原理：

在HTML DOM中,Script标签是可以跨域访问服务器上的数据的.因此,可以指定script的src属性为跨域的url,从而实现跨域访问.

3.简单的实例：

客户端:text.html

        <html>
        <head>
        <script type="text/javascript">
      function getData(data){
       alert(data);
               document.getElementById("text").innerHTML=data;
}
   </script>
       </head>
       <body>
       <p>Text : <span id="text"></span></p>
       <script type="text/javascript" src="http://................/.......">
       </script>
       </body>
       </html>

服务器端: node.js

        var http = require("http");

        http.createServer(function(request,response){
response.writeHead(200,{"Content-Type":"text/plain"});
response.write('getData("123456")');
      response.end();
        }).listen(8080);

当页面加载完成之后会远程调用src指定的服务器端的js

服务器端通过函数getData(data)中的参数data将数据传回客户端

便简单的实现了跨域访问