Habitat Framework

          專注于Java EE企業級開發
          posts - 13, comments - 81, trackbacks - 0, articles - 5
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          使用AJAX不可以跨域一直是一個麻煩的問題,
          最近做AJAX框架時發現一種方法,不僅可以跨域,而且相比XHR可以省去很多解析XML的步驟,
          后來居然發現GoogleMap的API就在用,非常驚喜,趕快分享一下

          test.html
          <html>
          <title>Dynamic Script Object</title>
          <head/>
          <body>
           <div id="jsArea">
            <script id="js" src=testa.js></script>
           </div>
           <br>
           <input type="button" value="test" onclick="testSrc()">
          </body>
          </html>
          <script>
          //author:Kerwin.Weng
          //mail:hunteva@163.com
           function testSrc(){
            var jsObj = document.getElementById("js");
            var body = jsObj.parentNode;
            body.removeChild(jsObj);
            jsObj = null;
            var newJS=document.createElement("script");
            newJS.id = "js";
            newJS.src = "testb.js";
            body.appendChild(newJS);
            jsArea.innerHTML="Asynchronous"
           }
           var jsArea = document.getElementById("jsArea");
          </script>

          testa.js
          document.write("This is A");

          testb.js
          setTimeout(function(){jsArea.innerHTML="This is B,now imagine i'm a servlet";},100)

          測試結果表明可以在不刷新頁面的情況下更新jsArea中的內容,如果我們把testb.js換成一個servlet會怎么樣
          那不是可以在serverside直接寫數據或function給client用了嗎,完全不需要XHR來中轉,省去了不少麻煩,而且還可以實現跨域訪問

          但是有兩點要注意,testb.js用document.write沒有作用,如果不用setTimeout,會直接讓我的IE7和IE6crush,具體原因不明,有牛人知道請告訴我
          目前在FF2.0.0.4/Opera9.2/IE7/IE6下測試通過.

          由于找了好久都不知道這種方式的官方名稱,并且很明顯這不Asynchronous JavaScript and XML,這里連XML和XmlHttp的影子都沒有,
          所以為了稱呼方便我暫時叫它DSSO(DynamicSwitchScriptObject),當然這不是我發明的,Google不知道用了多久了,如果你知道準確的名字請麻煩告知我

          現在我們比較下AJAX和DSSO的特點:
          AJAX DSSO
          跨域訪問 不支持 支持
          異步操作 支持 支持(body.appendChild后不需要等到完成才會繼續,當然完整的異步訪問需要另外的pattern來支持)
          數據載體 XML或JSON或TEXT 可以直接由server寫成Javascript
          操作復雜性 需要解析XML或JSON 可以直接使用

          目前暫時想到這么多可以比的,期待大家的討論

          評論

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題[未登錄]  回復  更多評論   

          2008-12-29 16:27 by Jelly
          你測試過它可以跨域么????????

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題[未登錄]  回復  更多評論   

          2008-12-29 20:00 by Kerwin Weng
          當然試過,貌似Gmail和Google Reader就用這樣的方式在做嘛

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題[未登錄]  回復  更多評論   

          2008-12-30 10:14 by Jelly
          跨域這個問題的關鍵并不在于ajax或xhr,而是瀏覽器對于javascript的安全考慮不允許跨域,不允許不同域名之間js互相調用。
          我用firebug看到的結果是,gmail依然用的xhr去定時更新數據,至于跨子域調用js是有辦法解決的。
          你給的例子和跨域沒有任何關系,我很難相信你試過用在一個域名下去get或post另一個域名的請求。

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題[未登錄]  回復  更多評論   

          2008-12-30 12:05 by Kerwin Weng
          上面的例子是把test.html放在www.aaa.com下,把創建script的src改成一個http://www.bbb.com/testb.js,也就是說動態引入另一個域的script,難道我們不可以在一個域的頁面引用另一個域的js?難道引入的JS無法訪問引入它的頁面的對象?
          而且我又重做了一次測試,結果還是證明可以跨域,而且Google Maps API也是這樣在操作,所以我只能說你不信就不信吧.

          沒有post或get,具體怎么提交數據已經說得很清楚了

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題  回復  更多評論   

          2008-12-31 05:27 by Ajaxer
          這種方法可以跨域的,原理是通過動態修改script 標簽的src屬性實現的,這個屬性是沒有跨域問題的。MapABC API的一個工具類就是這么做的。不能使用document.write的原因是用write輸出的代碼會與page加載的代碼沖突,而且不同的瀏覽器對write的代碼和頁面加載的代碼執行的順序是不一樣的,所以盡量使用DOM的操作方式。

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題[未登錄]  回復  更多評論   

          2008-12-31 12:21 by Kerwin Weng
          的確document.write不是一種好的方式,測試原理的時候我是圖簡單省事,但是其他任何環境下都推薦使用Dom

          # re: AJAX還有另一條路,不用XHR也可以無刷新從serverside拿數據更新頁面,還可以克服XHR不能跨域問題  回復  更多評論   

          2013-07-12 21:22 by hypol
          你這不就類似jQuery的jsonp么。。
          主站蜘蛛池模板: 博兴县| 宝应县| 广州市| 潢川县| 商都县| 建湖县| 永泰县| 沁阳市| 扶沟县| 平果县| 新竹县| 长白| 宜良县| 云安县| 利川市| 怀宁县| 石泉县| 襄城县| 正镶白旗| 祁连县| 龙游县| 聂拉木县| 平邑县| 伊吾县| 辉南县| 德庆县| 聂荣县| 山西省| 富裕县| 大英县| 郁南县| 富顺县| 石门县| 灵山县| 陆良县| 襄城县| 洞口县| 临泉县| 富阳市| 尚志市| 精河县|