ajax跨域訪問(wèn)遇到的問(wèn)題及解決方案

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

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

由于安全方面的原因, 客戶端js使用xmlhttprequest只能用來(lái)向來(lái)源網(wǎng)站發(fā)送請(qǐng)求，比如在www.readlog.cn下去請(qǐng)求test.readlog.cn的數(shù)據(jù)，都是不行的。不過(guò)，解決辦法倒是不少。這里整理一下。

解決方式1 web代理的方式 (on Server A)

由該頁(yè)面代替用戶頁(yè)面完成交互，從而返回合適的結(jié)果。此方案可以解決現(xiàn)階段所能夠想到的多數(shù)跨域訪問(wèn)問(wèn)題，但要求A網(wǎng)站提供Web代理的支持，因此A網(wǎng)站與B網(wǎng)站之間必須是緊密協(xié)作的，且每次交互過(guò)程，A網(wǎng)站的服務(wù)器負(fù)擔(dān)增加，且無(wú)法代用戶保存session狀態(tài)。

解決方式2. on-Demand方式 (on Server A)

MYMSN的門戶就用的這種方式，不過(guò) MYMSN中不涉及跨域訪問(wèn)問(wèn)題。在頁(yè)面內(nèi)動(dòng)態(tài)生成新的

解決方式3. iframe方式 (on Server A)

查看過(guò)醒來(lái)在JavaEye上的一篇關(guān)于跨域訪問(wèn)的帖子，他提到自己已經(jīng)用iframe的方式解決了跨域訪問(wèn)問(wèn)題。數(shù)據(jù)提交跟獲取，采用iframe這種方式的確可以了，但由于父窗口與子窗口之間不能交互（跨域訪問(wèn)的情況下，這種交互被拒絕），因此無(wú)法完成對(duì)父窗口效果的影響。

在頁(yè)面內(nèi)嵌或動(dòng)態(tài)生成指向別的網(wǎng)站的IFRAME，然后這2個(gè)網(wǎng)頁(yè)間可以通過(guò)改變對(duì)方的anchor hash fragment來(lái)傳輸消息。改變一個(gè)網(wǎng)頁(yè)的anchor hash fragment并不會(huì)使瀏覽器重新裝載網(wǎng)頁(yè)，所以一個(gè)網(wǎng)頁(yè)的狀態(tài)得以保持，而網(wǎng)頁(yè)本身則可以通過(guò)一個(gè)計(jì)時(shí)器(timer)來(lái)察覺(jué)自己anchor hash的變化，從而相應(yīng)改變自己的狀態(tài)。

解決方式4. 用戶本地轉(zhuǎn)儲(chǔ)方式 (local)

IE本身依附于windows平臺(tái)的特性為我們提供了一種基于iframe，利用內(nèi)存來(lái)“繞行”的方案，即兩個(gè)window之間可以在客戶端通過(guò)windows剪貼板的方式進(jìn)行數(shù)據(jù)傳輸，只需要在接受數(shù)據(jù)的一方設(shè)置Interval進(jìn)行輪詢，獲得結(jié)果后清除Interval即可。FF的平臺(tái)獨(dú)立性決定了它不支持剪貼板這種方式，而以往版本的FF中存在的插件漏洞又被fixed了，所以FF無(wú)法通過(guò)內(nèi)存來(lái)完成暗渡陳倉(cāng)。而由于文件操作FF 也沒(méi)有提供支持（無(wú)法通過(guò)Cookie跨域完成數(shù)據(jù)傳遞），致使這種技巧性的方式只能在IE中使用。

解決方式5: （其實(shí)還是在服務(wù)端A用iframe解決了與服務(wù)器B通信的問(wèn)題）

要解決的問(wèn)題：發(fā)生在用戶提交網(wǎng)頁(yè) URL （還包括 Tag, Notes 等）給bookmark 服務(wù)器時(shí)。

關(guān)于 URL 的提交至少可以有三種方式：

1. 登陸 Bookmark 服務(wù)器的提交頁(yè)面，將要收藏的 URL 通過(guò)該頁(yè)面提交給服務(wù)器。
2. 安裝瀏覽器插件，通過(guò)插件將 URL 提交給服務(wù)器。
3. 從 Bookmark 服務(wù)器動(dòng)態(tài)加載 javascript 小工具到當(dāng)前頁(yè)面，通過(guò)它來(lái)完成提交工作。

第一種方式開發(fā)起來(lái)最簡(jiǎn)單，但對(duì)用戶來(lái)講比較麻煩，每次都需要先登陸 Bookmark 服務(wù)器才能完成提交；第二種方式我并不熟悉插件開發(fā)，而且用戶也不喜歡太多的插件堆滿自己的瀏覽器；第三種方式開發(fā)難度小，又避免了每次登陸服務(wù)器的麻煩，所以最終采用它。第三種方式中動(dòng)態(tài)加載的 javascript 小工具除了需要生成 UI 供用戶填寫信息（ URL ， tag ， notes 等），當(dāng)用戶點(diǎn)擊提交的時(shí)候，還要完成與服務(wù)器通信的功能。

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