关于Ajax的跨域问题

为什么会产生Ajax的跨域问题

这是因为基于安全的考虑,AJAX只能访问本地的资源,而不能跨域访问。
只有在同域名,同端口,同协议下才允许访问

如何解决Ajax的跨域问题

1.设置代理,通过写代码,让主机本身去访问然后传回。

2.用JSONP可以跨域访问

jsonp

$(document).ready(function(){

    $.ajax({

url:'https://www.baidu.com/',

        dataType:'jsonp',

        jsonp:'cb',

        data:{

            wd:'XX.value'

        },

        success:function(result){

            alert(result.s);

        } ,

        error:function(err){alert(er写});

}); 

书2`这里写代码片2
方式和Ajax类似,注意导入JQuery库

3.XHR2

“XHR2” 全称 “XMLHttpRequest Level2” 是HTML5提供的方法,对跨域访问提供了很好的支持,并且还有一些新的功能。

  • IE10以下的版本都不支持

  • 只需要在服务器端头部加上下面两句代码:

header( “Access-Control-Allow-Origin:*” );

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值