Ajax如何實(shí)現(xiàn)跨域訪問-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)是專業(yè)的城口網(wǎng)站建設(shè)公司，城口接單;提供網(wǎng)站設(shè)計(jì)、網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行城口網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

一、什么是跨域

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

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

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

www （子域名）

google （主域名）

8080 （端口號(hào)）

script/jquery.js （請(qǐng)求的地址）

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

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

比如：http://www.abc.com/index.html 請(qǐng)求 http://www.def.com/sever.php

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

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

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

假設(shè)在/tupian/20230522/ppre>var eleScript= document.createElement("script"); //創(chuàng)建一個(gè)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請(qǐng)求從http://www.bbb.com/getinfo.php返回時(shí)，可以返回一段JavaScript代碼，這段代碼會(huì)自動(dòng)執(zhí)行，可以用來負(fù)責(zé)調(diào)用http://www.aaa.com/index.php頁面中的一個(gè)callback函數(shù)?？聪旅嬉粋€(gè)列子：

在www.aaa.com頁面中：

<script>

　　function jsonp( json ){

　　　　document.write( json.name ); //輸出周星馳

}

<script>

<script src="http://www.bbb.com/getinfo.php"></script>

在www.bbb.com頁面中：

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

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

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

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

* IE10一下的版本都不支持

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

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

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

名稱欄目：Ajax如何實(shí)現(xiàn)跨域訪問-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://muchs.cn/article42/doojec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、建站公司、企業(yè)建站、手機(jī)網(wǎng)站建設(shè)、微信小程序、網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容