跨域总结

小灰灰 2022-05-30 06:16 213阅读 0赞

### 1、图片发送请求 ###

因为图片是不会去判断是否跨域的，但是也只能发送get请求，并且获取不到返回值，可以用来监听页面访问数量或者广告点击数量

var img=new Image();
      img.src='http://www.baidu.com';
      img.onerror=function(){
      alert('error');
      }
      img.onload=function(){
      alert('success');
    }

### 2、jsonp ###

jsonp只能用于get请求，设置dataType：’jsonp’

使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
    
      $.ajax({
      url: "test.html",
      dataType：'jsonp',
       success: function(html){
        //
      }
    });

其实实现就下面的效果，如果直接这样写,就是页面直接执行，请求成功后执行页面的call函数

<script type="text/javascript" src='http://www.aaa.com?callback=call'></script>

### 3、CORS，服务器端设置 ###

#### 1.服务器端设置允许请求的地址 ####

header( "Access-Control-Allow-Origin:*" );

#### 2.设置可请求的方式 ####

header( "Access-Control-Allow-Methods:POST,GET" );

#### 3.可以设置header头部内容允许添加的头部信息 ####

header('Access-Control-Allow-Headers:value');
     $.ajax({
            type: "GET",
            url: '#',
            header:{//添加头部信息
                value:'123456'
            },
            crossDomain: true,
            success: function (data) {});

#### 4.发送cookie ####

需要注意的是，如果要发送Cookie，Access-Control-Allow-Origin就不能设为星号，必须指定明确的、与请求网页一致的域名

response.setHeader("Access-Control-Allow-Credentials","true");
    
     $.ajax({
            type: "GET",
            url: '#',
            crossDomain: true,
            xhrFields: {withCredentials: true},//发送cookie
            success: function (data) {});

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关跨域、跨域问题

跨域(CORS)是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the

朴灿烈づ我的快乐病毒、/ 2023年09月27日 00:59/ 0 赞/ 195 阅读

相关跨域方式总结

一、什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略(域名、协议、端口)造成的，是浏览器对JavaScript实施的安全限制。同源策略限制

Myth丶恋晨/ 2023年06月21日 08:49/ 0 赞/ 40 阅读

相关跨域解决方式总结

我的笔记原文地址：[https://www.yuque.com/bubbletg/qd/bxh5ge][https_www.yuque.com_bubbletg_qd_bxh5

分手后的思念是犯贱/ 2022年10月06日 11:45/ 0 赞/ 267 阅读

相关 02_跨域问题总结

跨域问题总结 1. 为什么会有跨域这个问题？ > 原因是浏览器为了安全，而采用的同源策略（Same origin policy） 2. 什么是同源策略？

矫情吗；*/ 2022年09月14日 08:39/ 0 赞/ 163 阅读

相关跨域方法总结

最近面试问的挺多的一个问题，就是JavaScript的跨域问题。在这里，对跨域的一些方法做个总结。由于浏览器的同源策略，不同域名、不同端口、不同协议都会构成跨域；但在实际的业务

快来打我*/ 2022年07月14日 08:07/ 0 赞/ 243 阅读

相关跨域问题总结

原创文章，转载请注明之前调整架构，一直忘了解决跨域问题。趁此机会，总结一下跨域的解决方案。

分手后的思念是犯贱/ 2022年07月12日 15:20/ 0 赞/ 233 阅读

相关 AJAX跨域总结

摘要: 没有多么高深，就是沉淀些东西– –2016/08/某天[自oschina blog][oschina blog] 蚂蚁金服的实习即将结束，将知识总结一下。

怼烎@/ 2022年07月11日 01:45/ 0 赞/ 233 阅读

相关跨域办法总结

一、同源策略要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。

忘是亡心i/ 2022年06月01日 04:40/ 0 赞/ 241 阅读

相关跨域总结

1、图片发送请求因为图片是不会去判断是否跨域的，但是也只能发送get请求，并且获取不到返回值，可以用来监听页面访问数量或者广告点击数量 var img=new

小灰灰/ 2022年05月30日 06:16/ 0 赞/ 214 阅读

相关 JavaScript跨域总结

转载：http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html\m3 什么是跨域 JavaScrip

谁借莪１个温暖的怀抱￠/ 2022年05月21日 02:27/ 0 赞/ 202 阅读