這篇文章主要為大家展示了“Ajax如何實現(xiàn)跨域訪問”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Ajax如何實現(xiàn)跨域訪問”這篇文章吧。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站制作、網(wǎng)站建設(shè)與策劃設(shè)計,鼓樓網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鼓樓等地區(qū)。鼓樓做網(wǎng)站價格咨詢:18982081108

一、什么是跨域

我們先回顧一下域名地址的組成：

http:// www . google : 8080 / script/jquery.js

  http:// （協(xié)議號）

               www  （子域名）

             google （主域名）

               8080 （端口號）

script/jquery.js （請求的地址）

* 當(dāng)協(xié)議、子域名、主域名、端口號中任意一各不相同時，都算不同的“域”。

* 不同的域之間相互請求資源，就叫“跨域”。

比如：http://www.abc.com/index.html 請求 http://www.def.com/sever.php

二、處理跨域的方法1 -- 代理（這個方法比較“笨” 故不做詳細(xì)介紹）

比如在北京（www.beijing.com/sever.php）和上海（www.shanghai.com/sever.php）各有一個服務(wù)器，北京的后端（www.beijing.com/sever.php）直接訪問上海的服務(wù)，然后把獲取的響應(yīng)值返回給前端。也就是北京的服務(wù)在后臺做了一個代理，前端只需要訪問北京的服務(wù)器也就相當(dāng)與訪問了上海的服務(wù)器。這種代理屬于后臺的技術(shù)，所以不展開敘述。

三、處理跨域的方法2 -- JSONP

假設(shè)在http://www.aaa.com/index.php這個頁面中向http://www.bbb.com/getinfo.php提交GET請求，那么我們在www.aaa.com頁面中添加如下代碼：

　　var eleScript= document.createElement("script"); //創(chuàng)建一個script元素

　　eleScript.type = "text/javascript"; //聲明類型、

　　eleScript.src = "http://www.bbb.com/getinfo.php"; //添加src屬性 引入跨域訪問的url

　　document.getElementsByTagName("HEAD")[0].appendChild(eleScript); //在頁面中添加新創(chuàng)建的script元素

當(dāng)GET請求從http://www.bbb.com/getinfo.php返回時，可以返回一段JavaScript代碼，這段代碼會自動執(zhí)行，可以用來負(fù)責(zé)調(diào)用http://www.aaa.com/index.php頁面中的一個callback函數(shù)?？聪旅嬉粋€列子：

在www.aaa.com頁面中：

在www.bbb.com頁面中：

jsonp({ "name":"周星馳","age":45 });

也就是在www.aaa.com頁面中聲明，在www.bbb.com頁面中調(diào)用。但是JSONP只支持 “GET” 請求，但不支持 “POST” 請求。

三、處理跨域的方法2 -- XHR2（推薦方法）

“XHR2” 全稱 “XMLHttpRequest Level2” 是HTML5提供的方法，對跨域訪問提供了很好的支持，并且還有一些新的功能。

* IE10一下的版本都不支持

* 只需要在服務(wù)器端頭部加上下面兩句代碼：

　　header( "Access-Control-Allow-Origin:*" );
　　header( "Access-Control-Allow-Methods:POST,GET" );

以上是“Ajax如何實現(xiàn)跨域訪問”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！