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

Js代码  


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:  

 

Js代码  


$(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');  

    });