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

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');
    });

 

 

若有疑问，请发表评论或添加微信为你解答：