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

最新推荐文章于 2024-08-23 18:57:37 发布

氵青-风

最新推荐文章于 2024-08-23 18:57:37 发布

阅读量3k

点赞数 1

分类专栏： js 文章标签： No-Access ajax 跨域 xmlhttprequest Allow-Orig

本文链接：https://blog.csdn.net/wjb820728252/article/details/74781607

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天使用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();
    }
});