• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
    • 軟件測試技術
    • 軟件測試博客
    • 軟件測試視頻
    • 開源軟件測試技術
    • 軟件測試論壇
    • 軟件測試沙龍
    • 軟件測試資料下載
    • 軟件測試雜志
    • 軟件測試人才招聘
      暫時沒有公告

    字號: | 推薦給好友 上一篇 | 下一篇

    AJAX in Action

    發布: 2008-1-29 13:46 | 作者: 不詳 | 來源: 賽迪網 | 查看: 11次 | 進入軟件測試論壇討論

    領測軟件測試網 像其他人一樣,當我看到一下RIA應用,例如Google Maps和Google Suggest的時候我都非常驚訝。我希望知道是如何實現的,F在,謎底揭開了,那就是AJAX。這是在我花了一段時間研究AJAX之后才知曉的。這里有一個很好的例子讓我們知道AJAX是如何很好的應用在 JavaRSS.com 里面的。

      什么是AJAX: AJAX 是一個架構(architecture)并不是一種技術。AJAX代表異步的JavaScript和XML。

      妙語(Punch Line): 延遲加載

      問題: 當JavaRSS.com首頁加載時,他同時加載了所有條目的介紹(如果你在設置中激活了)。這些介紹只有當你鼠標移動到該條目的上面的時候才顯示。

      現在的問題是用戶不可能是鼠標移過所有的條目,所以預先加載所有的介紹不是個好主意。

      解決方案: 使用AJAX,當鼠標移過的時候從服務器動態加載條目的介紹。

      這么做可以使初始頁的加載大小減小一半甚至更多,這樣一來頁面加載就更快,就內能得到一個更好的用戶體驗。

      時序圖:

     

      我們首先會在onmouseover事件中調用JavaScript函數getDescription。下面是html代碼:

      Java & J2EE NewsJava & J2EE News

      JavaScript Code:

      function getDescription(channelId,itemId) {

      var url = 'http://localhost:8080/getDescription.jsp?channelId=' + channelId + '&itemId=' + itemId;

      if (window.XMLHttpRequest) {

      req = new XMLHttpRequest();

      } else if (window.ActiveXObject) {

      req = new ActiveXObject("Microsoft.XMLHTTP");

      }

      req.onreadystatechange = processRequest;

      req.open("GET", url, true);

      req.send(null);

      }

      function processRequest() {

      if (req.readyState == 4) {

      if (req.status == 200) {

      parseMessages();

      } else {

      alert ( "Not able to retrieve description" );

      }

      }

      }

      function parseMessages() {

      response = req.responseXML.documentElement;

      itemDescription = response.getElementsByTagName('description')[0].firstChild.data;

      alert ( itemDescription );

      }

      JSP Code:

      資源:
      AJAX Java BluePrints Solutions Catalog
      AJAX in Wikipedia
      W3C HTTP Status Codes

      使用AJAX的Google站點:
      Gmail
      Google Suggest
      Google Maps

    文章來源于領測軟件測試網 http://www.kjueaiud.com/

    TAG: ajax AJAX in Action


    關于領測軟件測試網 | 領測軟件測試網合作伙伴 | 廣告服務 | 投稿指南 | 聯系我們 | 網站地圖 | 友情鏈接
    版權所有(C) 2003-2010 TestAge(領測軟件測試網)|領測國際科技(北京)有限公司|軟件測試工程師培訓網 All Rights Reserved
    北京市海淀區中關村南大街9號北京理工科技大廈1402室 京ICP備2023014753號-2
    技術支持和業務聯系:info@testage.com.cn 電話:010-51297073

    軟件測試 | 領測國際ISTQBISTQB官網TMMiTMMi認證國際軟件測試工程師認證領測軟件測試網

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>