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

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

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

    人在江湖

      BlogJava :: 首頁 :: 聯(lián)系 :: 聚合  :: 管理
      82 Posts :: 10 Stories :: 169 Comments :: 0 Trackbacks

    Ajax是一組技術(shù)的集合:javascript, css, DOM, XMLHttpRequest.

    其中XMLHttpRequest是達到異步效果的核心部件。

    一個異步的例子,摘自Ajax in Action:

       1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       2: "http://www.w3.org/TR/html4/loose.dtd">
       3: <html>
       4: <head>
       5: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
       6: <title>無標題文檔</title>
       7: <script type="text/javascript">
       1:  
       2: var req=null;
       3: var console=null;
       4: var READY_STATE_UNINITIALIZED=0;
       5: var READY_STATE_LOADING=1;
       6: var READY_STATE_LOADED=2;
       7: var READY_STATE_INTERACTIVE=3;
       8: var READY_STATE_COMPLETE=4;
       9: function sendRequest(url,params,HttpMethod)
      10: {
      11:    if(!HttpMethod)
      12:    {
      13:      HttpMethod="GET";
      14:    }
      15:    req=initXMLHTTPRequest();
      16:    if(req)
      17:    {
      18:       req.onreadystatechange=onReadyState;
      19:       req.open(HttpMethod,url,true);
      20:       req.setRequestHeader("Content-Type","appplication/x-www-form-urlencoded");
      21:       req.send(params);
      22:    } 
      23: }
      24:  
      25: function initXMLHTTPRequest()
      26: {
      27:   var xRequest=null;
      28:   if(window.XMLHttpRequest)
      29:   {
      30:      xRequest=new XMLHttpRequest();
      31:   }
      32:   else if(window.ActiveXObject)
      33:   {
      34:      xRequest=new ActiveXObject("Microsoft.XMLHTTP");
      35:    }
      36:    return xRequest;
      37:   
      38: }
      39:  
      40: function onReadyState()
      41: {
      42:   var ready=req.readyState;
      43:   var data=null;
      44:   if(ready==READY_STATE_COMPLETE)
      45:   {
      46:      data=req.responseText;
      47:   }
      48:   else
      49:   {
      50:      data="loading...["+ready+"]";
      51:   }
      52:   toConsole(data);
      53:   
      54: }
      55:  
      56: function toConsole(data)
      57: {
      58:   if(console!=null)
      59:   {
      60:      var newline=document.createElement("div");
      61:      console.appendChild(newline);
      62:      var txt=document.createTextNode(data);
      63:      newline.appendChild(txt);
      64:   }
      65: }  
      66:   window.onload=function()
      67:   {
      68:     console=document.getElementById("console");
      69:     sendRequest("data.txt"");
      70:   }
      71:  
    </script>
       8: </head>
       9:  
      10: <body>
      11: <div id="console">aaa</div>
      12:  
      13: </body>
      14: </html>

    注意其中 req.onreadystatechange=onReadyState;就是定義了callback handler

    以后需要關注的一些方面:

    DWR: http://directwebremoting.org/dwr/index.html 適合后端為Java的應用. DWR和jQuery是可以混合使用的。

    JSON:它可以取代異步調(diào)用傳輸?shù)膞ml

    posted on 2011-03-16 15:54 人在江湖 閱讀(385) 評論(0)  編輯  收藏 所屬分類: UI & MVC
    主站蜘蛛池模板: 久久亚洲sm情趣捆绑调教 | 久久久久国产精品免费免费不卡 | 小草在线看片免费人成视久网| 亚洲av无一区二区三区| 亚洲一级毛片免费在线观看| 亚洲嫩草影院久久精品| 无码国产精品一区二区免费vr | 男人免费视频一区二区在线观看 | 香蕉大伊亚洲人在线观看| 日本h在线精品免费观看| 亚洲视频国产精品| 免费精品国产日韩热久久| 亚洲av无码一区二区三区天堂古代 | 久久亚洲国产中v天仙www| 免费无码又爽又刺激网站 | 卡1卡2卡3卡4卡5免费视频| 亚洲日韩乱码中文字幕| 成人免费男女视频网站慢动作| 国产亚洲精品高清在线| 三上悠亚在线观看免费| 亚洲狠狠综合久久| 久久99精品免费视频| 亚洲ts人妖网站| 国产精品免费_区二区三区观看| 亚洲一区二区三区首页| 无限动漫网在线观看免费| 亚洲爆乳AAA无码专区| 亚洲成av人片一区二区三区| 中文在线免费不卡视频| 亚洲国产综合精品| 国产gav成人免费播放视频| 免费无码黄网站在线看| 亚洲国产亚洲片在线观看播放| 国产成人免费ā片在线观看老同学| 免费被黄网站在观看| 国产在亚洲线视频观看| 亚洲AV成人一区二区三区AV| 一二三四免费观看在线电影 | 亚洲va在线va天堂va不卡下载 | 亚洲国产成人久久综合碰碰动漫3d| 久久精品国产亚洲av品善|