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

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

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

  1. $(".content").on('click','.synData',function() {
  2. var _this=$(this);
  3. var response=_this.prev().val();
  4. var idcard=_this.prev().prev().val();
  5. $.ajax({
  6. type:'POST',url:'http://v.juhe.cn/weather/index',data:{
  7. appkey:localStorage.appkey,token:"0d10e9d06ad1a7106d28841582d6fe1c",doc:"{}"
  8. },success:function(response){
  9. console.log(response);
  10. },error:function(){
  11. console.log();
  12. }
  13. });
  14. });
  1. 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,需要加上

  1. dataType: 'jsonp',
  2. crossDomain: true,

最后得到的代码

  1. $.ajax({
  2. type:'POST',data:{
  3. appkey:localStorage.appkey,doc:"{}"
  4. },dataType: 'jsonp',crossDomain: true,success:function(response){
  5. console.log(response);
  6. },error:function(){
  7. console.log();
  8. }
  9. });

我的就解决问题了

猜你在找的Ajax相关文章