jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque

Posted 2020-08-09

问题：

XMLHttpRequest cannot load http://v.xxx.com. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://localhost:63342‘ is therefore not allowed access. test.html:1  
Resource interpreted as Script but transferred with MIME type text/html: 

 解决方案：

$(function($){  
      var url = ‘http://v.juhe.cn/weather/index‘;  
      $.ajax(url, {  
        data: {  
          ‘cityname‘: ‘襄阳‘,  
          ‘dtype‘: ‘jsonp‘,  
          ‘key‘: ‘xxxx‘,  
          ‘_‘: new Date().getTime()  
        },  
        dataType: ‘jsonp‘,  
        crossDomain: true,  
        success: function(data) {  
          if(data && data.resultcode == ‘200‘){  
            console.log(data.result.today);  
          }  
        }  
      });  
  
      var url2 = ‘http://v.juhe.cn/weather/index?callback=?‘;  
      $.getJSON(url2, {  
        ‘cityname‘: ‘北京‘,  
        ‘dtype‘: ‘jsonp‘,  
        ‘key‘: ‘xxxx‘,  
        ‘_‘: new Date().getTime()  
      }, function(data){  
        if(data && data.resultcode == ‘200‘){  
          console.log(data.result.today);  
        }  
      });  
  
      var url3 = ‘http://v.juhe.cn/weather/index?callback=?‘;  
      $.get(url3, {  
        ‘cityname‘: ‘澳门‘,  
        ‘dtype‘: ‘jsonp‘,  
        ‘key‘: ‘xxxx‘,  
        ‘_‘: new Date().getTime()  
      }, function(data){  
        if(data && data.resultcode == ‘200‘){  
          console.log(data.result.today);  
        }  
      }, ‘json‘);  
    });