這兩天需要實(shí)現(xiàn)三級(jí)域名直接url rewrite到網(wǎng)站靜態(tài)頁面，如 http://123.456.789.com/ UrlRewrite到http://www.789.com/news/123.html

說到這里，也許和js跨域訪問沒有半點(diǎn)關(guān)系，在腦海里排列這的問題都是和UrlRewrite相關(guān)的。好吧現(xiàn)在URLRewrite一切就緒，直接在瀏覽器地址欄中輸入http://123.456.789.com/ 會(huì)發(fā)現(xiàn)，這個(gè)在地址欄直接通過http://www.789.com/news/123.html來訪問的頁面出現(xiàn)了異常，網(wǎng)頁上的圖片和樣式還有JS好像都失去了作用。

看看兩個(gè)地址欄中的URL， 突然拍拍自己腦袋，有點(diǎn)思路了。原來這個(gè)頁面的源代碼中對(duì)圖片、CSS、JS 都是通過相對(duì)路徑來請(qǐng)求的。當(dāng)然這在 直接訪問http://www.789.com/news/123.html的路徑是不會(huì)有問題的，但是當(dāng)使用http://123.456.789.com/訪問后 看看地址欄兩個(gè)URL 明顯路徑已經(jīng)完全不一樣了，比如images/1.gif 在1中 相當(dāng)于請(qǐng)求http://www.789.com/news/1.gif 而再2中變成什么http://123.456.789.com/images/1.gif很顯然這個(gè)圖片你是永遠(yuǎn)也請(qǐng)求不到。因?yàn)檫@個(gè)路徑下你永遠(yuǎn)也找不到這個(gè)圖片。好了為了簡(jiǎn)便，我們不用網(wǎng)上別人介紹的很多種方法，就用絕對(duì)路徑解決吧。好的，一切看起來這么的自然，這么的暢快。但是真正的麻煩還在后邊。

一直到這里，好像和我們的標(biāo)題都不搭噶。別急，問題總是解決一個(gè)再冒出第二個(gè)。

首先講講我這個(gè)頁面吧，這個(gè)頁面是通過程序?qū)⒈緛韯?dòng)態(tài)呈現(xiàn)的東西進(jìn)行了靜態(tài)化，但是靜態(tài)化頁面里邊又必須顯示一些變化的信息，這里很多人可能會(huì)想到使用IFRAME來解決，但是這樣的解決辦法不是我想使用的，1.IFRAME比起其它方法，效率低，2.IFRAME對(duì)爬行蜘蛛不友好。所以我這里最開始是使用JQUERY的load函數(shù)還直接去請(qǐng)求動(dòng)態(tài)頁面然后將返回來的動(dòng)態(tài)信息顯示在靜態(tài)化頁面里。好了，講到這里可能有些朋友已經(jīng)知道為什么這篇日記的名字叫“jquery跨域訪問問題”了。

首先看看 jquery load函數(shù)里我的參數(shù)$("#head").load("http://www.cnblogs.com/project/ajax.php"{"Action":"head"}); 當(dāng)然通過上邊的教訓(xùn) 已經(jīng)將參數(shù)換成了$("#head").load("http://www.789.com/project/ajax.php"{"Action":"head"}); 但是還是出現(xiàn)了“jquery.js 138行無權(quán)訪問”直接跑去查看juqery138行 哄哄原來是load函數(shù)這里出問題（沒看懂源碼，說實(shí)話太折磨人了，一堆壓縮后的JS代碼看得人想死）好吧去網(wǎng)上谷歌一下，有幾個(gè)人的答案引起了我的注意。他們都說這是JS跨域操作的問題。而本身JS是無法直接跨域操作的。再聯(lián)系自己三級(jí)域名URLRewrite 再想想跨域的問題，三級(jí)域名下 所在的域是789 下的456 下的123 而本身請(qǐng)求的是789.com域名下 所以這不是跨域是什么呢？豁然開朗。我確定我找到問題所在了。

繼續(xù)谷歌，很多人推薦jquery getJson使用回調(diào)函數(shù)解決，關(guān)于原理等解決了再慢慢研究，呵呵繼續(xù)搜http://blog.ossxp.com/2010/02/462/這篇文章很好給了我很大幫助，直接在自己項(xiàng)目中還是依葫蘆畫瓢。問題解決！

　html頁面　jquery代碼

服務(wù)器端PHP代碼

到此通過三級(jí)域名URLREWRITE到靜態(tài)化頁面跨域訪問服務(wù)器動(dòng)態(tài)類容問題圓滿解決！

最新評(píng)論