<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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么。。
    主站蜘蛛池模板: 国产成人精品日本亚洲专一区| 亚洲精品亚洲人成人网| 日本免费人成黄页网观看视频| 麻豆国产精品入口免费观看| 日韩一区二区在线免费观看| 国产免费爽爽视频免费可以看| 亚洲成a人无码av波多野按摩 | 国产99视频精品免费专区| 污视频在线免费观看| 亚洲成在人线aⅴ免费毛片| 日韩免费福利视频| 国产亚洲高清不卡在线观看| 亚洲色图国产精品| 国产精品观看在线亚洲人成网| 一级毛片一级毛片免费毛片| 在线精品一卡乱码免费| 免费亚洲视频在线观看| 亚洲男人的天堂在线播放| 亚洲AV无码资源在线观看| 99视频免费在线观看| 精品国产免费一区二区| 久久亚洲国产精品| 人人公开免费超级碰碰碰视频| 久久久精品2019免费观看| 亚洲一区日韩高清中文字幕亚洲| 亚洲视频一区二区在线观看| 国产在线观看免费av站| 亚洲亚洲人成综合网络| 男男黄GAY片免费网站WWW| 国产1024精品视频专区免费| 亚洲午夜久久久久久噜噜噜| 色九月亚洲综合网| 天天看片天天爽_免费播放| 亚洲精品国产手机| 国产情侣久久久久aⅴ免费 | 日本不卡视频免费| 亚洲日本在线电影| 性生交片免费无码看人| 亚洲va久久久久| 最近中文字幕免费mv视频8| 国产99在线|亚洲|