解决跨域问题

1.通过jsonp跨域 但是只支持get请求不支持post请求
jonp的最基本的原理是:动态添加一个

jquery的ajax

1.向服务器发送一个参数callback=?,同时指定dataType为’jsonp’的格式,跨域请求时指定的数据格式必须是jsonp的形式。

   $.ajax({  
        url:'http://192.168.1.106:8086/carBrand/json.html?level='+level+'&id='+id+'&callback=?',   //将callback写在请求url后面作为参数携带 
        type:'GET', 
        async:false, 
        dataType:'jsonp', 
        success:function(data){         
          console.log(data);             
          //其他处理(动态添加数据元素)       
      });  

2.callback不需要写在url中,但是要指定jsonp参数为’callback’,并给jsonpCallback参数一个值。

$.ajax({  
    url:'http://192.168.1.106:8086/carBrand/json.html?level='+level+'&id='+id, 
    type:'GET', 
    dataType:'jsonp', 
    jsonp: 'callback',          //将callback写在jsonp里作为参数连同请求一起发送 
    jsonpCallback:'jsonpCallback1',    
    success:function(data){            
    console.log(data);   
    })

服务器设置head(常用)

response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Credentials", "true");

修改 document.domain 跨子域

对于主域名相同,且协议,端口一致,而子域名不同的情况,可以使用 document.domain 来跨域。

使用window.name来进行跨域

在这里插入图片描述

使用HTML5中新引进的window.postMessage方法来跨域传送数据

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值