小編給大家分享一下ajax跨域訪問的方法有哪些,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
Ajax請求一個(gè)目標(biāo)地址為非本域(協(xié)議、域名、端口任意一個(gè)不同)的web資源,并根據(jù)響應(yīng)獲得外部應(yīng)用數(shù)據(jù)。比如我們用Ajax訪問城市天氣預(yù)報(bào)、IP地址等公共服務(wù)接口時(shí),就涉及跨域了。我們請求一個(gè)外部服務(wù)時(shí),瀏覽器會(huì)基于安全問題拒絕授權(quán)訪問。
而script、script、iframe標(biāo)簽的src屬性就不存在跨域的問題,所以Ajax跨域就是利用這一點(diǎn)以及js對JSON的支持,外部服務(wù)只要給Ajax的請求響應(yīng)一段JS代碼或JSON數(shù)據(jù),就能被Ajax獲取到。
由于安全方面的原因, 客戶端js使用xmlhttprequest只能用來向來源網(wǎng)站發(fā)送請求,比如在www.readlog.cn下去請求test.readlog.cn的數(shù)據(jù),都是不行的。不過,解決辦法倒是不少。這里整理一下。
解決方式1 web代理的方式 (on Server A)
由該頁面代替用戶頁面完成交互,從而返回合適的結(jié)果。此方案可以解決現(xiàn)階段所能夠想到的多數(shù)跨域訪問問題,但要求A網(wǎng)站提供Web代理的支持,因此A網(wǎng)站與B網(wǎng)站之間必須是緊密協(xié)作的,且每次交互過程,A網(wǎng)站的服務(wù)器負(fù)擔(dān)增加,且無法代用戶保存session狀態(tài)。
解決方式2. on-Demand方式 (on Server A)
MYMSN的門戶就用的這種方式,不過 MYMSN中不涉及跨域訪問問題。在頁面內(nèi)動(dòng)態(tài)生成新的
解決方式3. iframe方式 (on Server A)
查看過醒來在JavaEye上的一篇關(guān)于跨域訪問的帖子,他提到自己已經(jīng)用iframe的方式解決了跨域訪問問題。數(shù)據(jù)提交跟獲取,采用iframe這種方式的確可以了,但由于父窗口與子窗口之間不能交互(跨域訪問的情況下,這種交互被拒絕),因此無法完成對父窗口效果的影響。
在頁面內(nèi)嵌或動(dòng)態(tài)生成指向別的網(wǎng)站的IFRAME,然后這2個(gè)網(wǎng)頁間可以通過改變對方的anchor hash fragment來傳輸消息。改變一個(gè)網(wǎng)頁的anchor hash fragment并不會(huì)使瀏覽器重新裝載網(wǎng)頁,所以一個(gè)網(wǎng)頁的狀態(tài)得以保持,而網(wǎng)頁本身則可以通過一個(gè)計(jì)時(shí)器(timer)來察覺自己anchor hash的變化,從而相應(yīng)改變自己的狀態(tài)。
解決方式4. 用戶本地轉(zhuǎn)儲(chǔ)方式 (local)
IE本身依附于windows平臺的特性為我們提供了一種基于iframe,利用內(nèi)存來“繞行”的方案,即兩個(gè)window之間可以在客戶端通過windows剪貼板的方式進(jìn)行數(shù)據(jù)傳輸,只需要在接受數(shù)據(jù)的一方設(shè)置Interval進(jìn)行輪詢,獲得結(jié)果后清除Interval即可。FF的平臺獨(dú)立性決定了它不支持剪貼板這種方式,而以往版本的FF中存在的插件漏洞又被fixed了,所以FF無法通過內(nèi)存來完成暗渡陳倉。而由于文件操作FF 也沒有提供支持(無法通過Cookie跨域完成數(shù)據(jù)傳遞),致使這種技巧性的方式只能在IE中使用。
解決方式5: (其實(shí)還是在服務(wù)端A用iframe解決了與服務(wù)器B通信的問題)
要解決的問題:發(fā)生在用戶提交網(wǎng)頁 URL (還包括 Tag, Notes 等)給bookmark 服務(wù)器時(shí)。
關(guān)于 URL 的提交至少可以有三種方式:
1. 登陸 Bookmark 服務(wù)器的提交頁面,將要收藏的 URL 通過該頁面提交給服務(wù)器。
2. 安裝瀏覽器插件,通過插件將 URL 提交給服務(wù)器。
3. 從 Bookmark 服務(wù)器動(dòng)態(tài)加載 javascript 小工具到當(dāng)前頁面,通過它來完成提交工作。
第一種方式開發(fā)起來最簡單,但對用戶來講比較麻煩,每次都需要先登陸 Bookmark 服務(wù)器才能完成提交;第二種方式我并不熟悉插件開發(fā),而且用戶也不喜歡太多的插件堆滿自己的瀏覽器;第三種方式開發(fā)難度小,又避免了每次登陸服務(wù)器的麻煩,所以最終采用它。第三種方式中動(dòng)態(tài)加載的 javascript 小工具除了需要生成 UI 供用戶填寫信息( URL , tag , notes 等),當(dāng)用戶點(diǎn)擊提交的時(shí)候,還要完成與服務(wù)器通信的功能。
看完了這篇文章,相信你對ajax跨域訪問的方法有哪些有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)頁題目:ajax跨域訪問的方法有哪些-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址:http://jinyejixie.com/article10/dipego.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、微信公眾號、自適應(yīng)網(wǎng)站、服務(wù)器托管、網(wǎng)站營銷、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容