Ajax的跨域請求

 

1、什麼叫作跨域

當協議、子域名、主域名、端口號中的任意一個不相同時，都算不一樣域，不一樣域之間互相請求資源就叫作「跨域」。

2、出現跨域問題的狀況

當咱們使用AJAX請求其餘域名的狀況下，會出現拒絕訪問的狀況，這是由於基於安全的考慮，AJAX只能訪問本地的資源，而不能跨域訪問。好比你的網站域名是jquery.com，想要訪問react.com中的內容瀏覽器是不容許的。

3、處理跨域的方法

一、代理

這種方式是經過後臺獲取其餘域名下的內容，而後再把得到的內容返回到前端，這樣一來由於是在同一個域名下，因此不會出現跨域的問題。

二、JSONP

JSONP本質上就是一個javascript的標籤。

假設在http://www.jquery.com/index.php這個頁面中向http://www.react.com/getinfo.php提交一個GET請求，那麼咱們在www.jquery.com頁面中添加以下代碼

var eleScript = document.createElement("script");
eleScript.type = "text/javascript";
eleScript.src = "http://www.react.com/getinfo.php";
document.getElementsByTagName("head")[0].appendChild(eleScript);

當GET請求從http://www.react.com、getinfo.php返回時，能夠返回一段javascript代碼。