jQuery Ajax 实现跨域请求JSONP

180it 2020-10-20 PM 145℃ 0条

相信好多朋友在使用jQuery进行Ajax请求接口的时候会出现 No 'Access-Control-Allow-Origin' header is present on the requested resource 然后请求失败,下面我们来简单的解决这个问题。
直接上代码
<script type="text/javascript" src="/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax(

{  
    type:'get',
    url : 'http://你的域名/test.php',
    dataType : 'jsonp',  //这里是重点,dataType 一定为 'jsonp'
    jsonp:"jsoncallback",//这里也是重点,jsonp 后面是返回格式!
    success  : function(data) {
        console.log(data);
    },  
    error : function(error) {
        console.error(error);
    }  
}  

);
})
</script>
这时候去控制台看一下,请求成功了!!!!
如果请求的是自己的接口,比如PHP为例
只需要在PHP接口文件里加入一段代码即可

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

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!

标签: none

jQuery Ajax 实现跨域请求JSONP