js跨域

最新推荐文章于 2022-04-11 23:35:05 发布

记得要背单词

最新推荐文章于 2022-04-11 23:35:05 发布

阅读量776

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/nowchange/article/details/93237701

博客介绍了跨域的概念，即js在不同域间进行数据传输或通信。指出协议、端口、主机名不同会产生跨域问题，导致无法获取数据。还给出了两种解决方案，一是通过JSONP跨域，二是介绍了CORS请求原理，如在php中配置允许后台跨域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跨域就是js在不同的域之间进行数据传输或者通信。

协议不同端口不同主机名不同会产生跨域的问题，跨域意味着拿不到数据。

解决方案

1.通过JSONP跨域也叫src跨域，通过给后台传递回调函数，来返回数据。

function addScriptTag(src) {
  var script = document.createElement('script');
  script.setAttribute("type","text/javascript");
  script.src = src;
  document.body.appendChild(script);
}
window.onload = function () {

  addScriptTag('http://example.com/ip?callback=foo');

}
function foo(data) {
  console.log('response data: ' + JSON.stringify(data));
};

CORS 请求原理

Cross-origin resource sharing 跨域资源共享。 php 允许后台跨域在里面配置 header('Access-Control-Allow-Origin: * '); *代表允许所有域名都访问我。

var http = new XMLHttpRequest();
    http.open("post", "http://127.0.0.1:8080/0616/insert.php");
    http.send();
    http.onreadystatechange = function () {
        if (http.readyState == 4 && http.status == 200) {
            console.log(http.response);
        }
    }