要進行跨域請求首先了解到什么是跨域：

一個完整的URl包括8個部分（protocol,host,port,path,resource,query,string,anchor,auth）

如果（protocol,host,port）中任意一個不同就是跨域

瀏覽器的同源策略，限制XMLHttpRequest無法向另一個網站發送請求，即Ajax是無法直接跨域的。

解決方案：Jsonp(主)，cors，iframe

Jsonp（JSON with Padding）

可以讓網頁從別的域名（網站）那獲取資料，即跨域讀取數據。

html如下：

<input type="button" value="查詢" onclick="chaxun()" /> <div id="Info"></div>

js如下：

function chaxun(){$.ajax({type:"get",url:"http://v.juhe.cn/weather/index?format=2&cityname=乾縣&key=ba790e992e77a6f5f7e1ce854dcb4203 ",dataType:"jsonp",success:function(data){alert(data);$("#Info").html(data.result.sk.wind_direction);},error:function(){$("#Info").html("AJAX請求失敗");}}) }

?

總結

以上是生活随笔為你收集整理的Ajax入门总结--Ajax跨域请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。