ajax跨域訪問遇到的問題及解決方案

Ajax請(qǐng)求一個(gè)目標(biāo)地址為非本域（協(xié)議、域名、端口任意一個(gè)不同）的web資源，并根據(jù)響應(yīng)獲得外部應(yīng)用數(shù)據(jù)。比如我們用Ajax訪問城市天氣預(yù)報(bào)、IP地址等公共服務(wù)接口時(shí)，就涉及跨域了。我們請(qǐng)求一個(gè)外部服務(wù)時(shí)，瀏覽器會(huì)基于安全問題拒絕授權(quán)訪問。

而script、script、iframe標(biāo)簽的src屬性就不存在跨域的問題，所以Ajax跨域就是利用這一點(diǎn)以及js對(duì)JSON的支持，外部服務(wù)只要給Ajax的請(qǐng)求響應(yīng)一段JS代碼或JSON數(shù)據(jù)，就能被Ajax獲取到。

由于安全方面的原因, 客戶端js使用xmlhttprequest只能用來向來源網(wǎng)站發(fā)送請(qǐng)求，比如在www.readlog.cn下去請(qǐng)求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這種方式的確可以了，但由于父窗口與子窗口之間不能交互（跨域訪問的情況下，這種交互被拒絕），因此無法完成對(duì)父窗口效果的影響。

在頁面內(nèi)嵌或動(dòng)態(tài)生成指向別的網(wǎng)站的IFRAME，然后這2個(gè)網(wǎng)頁間可以通過改變對(duì)方的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平臺(tái)的特性為我們提供了一種基于iframe，利用內(nèi)存來“繞行”的方案，即兩個(gè)window之間可以在客戶端通過windows剪貼板的方式進(jìn)行數(shù)據(jù)傳輸，只需要在接受數(shù)據(jù)的一方設(shè)置Interval進(jìn)行輪詢，獲得結(jié)果后清除Interval即可。FF的平臺(tái)獨(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ā)起來最簡單，但對(duì)用戶來講比較麻煩，每次都需要先登陸 Bookmark 服務(wù)器才能完成提交；第二種方式我并不熟悉插件開發(fā)，而且用戶也不喜歡太多的插件堆滿自己的瀏覽器；第三種方式開發(fā)難度小，又避免了每次登陸服務(wù)器的麻煩，所以最終采用它。第三種方式中動(dòng)態(tài)加載的 javascript 小工具除了需要生成 UI 供用戶填寫信息（ URL ， tag ， notes 等），當(dāng)用戶點(diǎn)擊提交的時(shí)候，還要完成與服務(wù)器通信的功能。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com