xmlhttprequest cannot load No 'Access-Control-Allow-Origin' AJAX跨域请求解决方法

前端之家收集整理的这篇文章主要介绍了xmlhttprequest cannot load No 'Access-Control-Allow-Origin' AJAX跨域请求解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

今天使用JQ的AJAX请求数据,出现了下面的错误

$(".content").on('click','.synData',function() { 
        var _this=$(this);
        var response=_this.prev().val();
        var idcard=_this.prev().prev().val();
        $.ajax({
            type:'POST',url:'http://v.juhe.cn/weather/index',data:{
                appkey:localStorage.appkey,token:"0d10e9d06ad1a7106d28841582d6fe1c",doc:"{}"
            },success:function(response){
                console.log(response);
            },error:function(){
                console.log();
            }
        });
    });
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 400.

这是一个跨域请求数据的Bug,需要加上

dataType: 'jsonp',
 crossDomain: true,

最后得到的代码

$.ajax({
    type:'POST',data:{
        appkey:localStorage.appkey,doc:"{}"
    },dataType: 'jsonp',crossDomain: true,success:function(response){
        console.log(response);
    },error:function(){
        console.log();
    }
});

我的就解决问题了

猜你在找的Ajax相关文章