在項目中遇到一個問題，與Ajax的跨域相關(guān)，具體問題描述如下：
在客戶端的JS，使用ajax和服務(wù)器進行交互，出現(xiàn)的是
Access to restricted URI denied" code: "1012
[Break on this error] ajaxreq.open("GET",filename);
問題，如果此html以及JS文件放到服務(wù)器端，則不會出現(xiàn)問題，就是ajax跨域問題。但是此項目的需求不能將此html及Js文件放到服務(wù)器端，只能放到本地，從網(wǎng)上查看了很多資料，感覺在本地搭建一個服務(wù)器比較靠譜，將html放到本地服務(wù)器（這樣可以進行一些本地操作，比如讀本地的文件），這樣架構(gòu)就變成這樣了：

?

?

對于Ajax跨域的問題，通過網(wǎng)上的資料學(xué)習(xí)，現(xiàn)總結(jié)如下：

1.什么引起了ajax跨域問題

ajax本身是通過xmlHttpRequest對象來進行數(shù)據(jù)的交互，而瀏覽器處于安全的考慮，不允許JS代碼進行跨域操作，所以會警告。

2.解決方案需要根據(jù)具體情況具體解決

一 、本域和子域的相互互訪： www.aa.com 和book.aa.com

二、本域和其他域的訪問： www.aa.com 和 www.bb.com 用ifram

三、本域和其他域的相互訪問： www.aaa.com 和 www.bb.com 用XMLHttpRequest訪問代理

四、本域和其他域的訪問： www.aa.com 和 www.bb.com ，用JS創(chuàng)建動態(tài)腳本。

?

解決方法：

一，對于 www.aa.com 和book.aa.com，可以將book.aa.com用iframe添加到 www.aa.com 的某個頁面下，在 www.aa.com 和ifram里面都加上document.domain = "aa.com",這樣就可以統(tǒng)一域了，直接調(diào)用JS即可。

二、可以使用window.location對象的hash屬性。這個感覺有點亂。hash屬性就是 http://domain/web/a.htm#dsha 里面#后面的部分。利用JS改變hash網(wǎng)頁不會刷新，可以這樣通過JS訪問hash值來做到通信。大體的過程是頁面ａ和頁面ｂ在不同域下，ｂ通過ｉｆｒａｍｅ添加到ａ里，ａ通過ＪＳ修改ｉｆｒａｍｅ的ｈａｓｈ值，ｂ里面做一個監(jiān)聽（應(yīng)為ＪＳ只能修改ｈａｓｈ，數(shù)據(jù)是否改變只能由ｂ自己來判斷），檢測到ｂ的ｈａｓｈ值被修改了，得到修改的值，經(jīng)過處理返回ａ需要的值，再來修改ａ的ｈａｓｈ值，同樣ａ里面也要做監(jiān)聽，如果ｈａｓｈ變化的話就取得返回

三、 www.aa.com 和 www.bb.com ，假如說你要取得數(shù)據(jù)就訪問某某鏈接參數(shù)是什么樣子的等等，最后返回的數(shù)據(jù)是什么格式的，而你需要做的就是在你的域下（ www.aa.com ）新建一個網(wǎng)頁，讓服務(wù)器去別人的網(wǎng)站上獲取數(shù)據(jù)，再返回給你。比如domain1的a向同域下的RouteServlet請求數(shù)據(jù)，RouteServlet向domain2下的getRouteServlet發(fā)送請求，Domain2將數(shù)據(jù)返回給RouteServlet，RouteServlet再返回給a,這樣就完成了一次數(shù)據(jù)請求，RouteSrevlet在當(dāng)中充當(dāng)了代理的作用。

四、這個是用<script>標簽來請求的，原理就是JS文件注入，在本域內(nèi)的a內(nèi)生成一個JS標簽，他的src指向請求的另外一個域的某個頁面b,b返回數(shù)據(jù)即可。

簡單來說，

第一種情況：域和子域的問題，可以完全解決交互。

第二種情況：跨域，實現(xiàn)過程比較復(fù)雜，需要兩個域的開發(fā)者都能控制，適用于簡單交互。

第三種情況：跨域，開發(fā)者只控制一個域即可，實現(xiàn)過程需要增加代理取得數(shù)據(jù)，是常用的方式。

第四種情況：跨域，兩個域開發(fā)者都需要控制，返回一段JS代碼。

?

?

?

?

?

?

?

?

?

?

?

?

Ajax的跨域問題