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',
    url:'http://v.juhe.cn/weather/index',
    data:{
        appkey:localStorage.appkey,
        token:"0d10e9d06ad1a7106d28841582d6fe1c",
        doc:"{}"
    },
    dataType: 'jsonp',  
    crossDomain: true,  
    success:function(response){
        console.log(response);
    },
    error:function(){
        console.log();
    }
});

我的就解决问题了

你可能感兴趣的:(js)