多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jscript > AJAX教程:深入理解AJAX響應信息的處理

AJAX教程:深入理解AJAX響應信息的處理

來源:程序員人生   發布時間:2013-11-11 21:52:04 閱讀次數:3781次
用戶的交互操作(interaction)驅動著Web站點。理解如何處理響應信息,特別是在使用新的交互操作形式(例如AJAX)的時候,這一點非常重要的。Kris Hadloc解釋了AJAX請求-響應過程的本質,你應該了解這些內容,更好地為用戶交互操作服務。

  請求和響應

  AJAX引擎分很多個方面,每個方面都很重要。如果引擎執行發送請求和接收響應信息的事務,那么它就有很多的處理響應信息的方法。響應信息是處理過程中的一個重要的部分,這是因為用戶最終會與響應信息交互操作。本文詳細解釋了如何處理AJAX響應信息,并為用戶提供反饋信息,根據需要進行更新。我們從請求的就緒狀態開始,接著解釋響應信息的狀態、回調(callback)和分析響應信息。本文還解釋了響應信息的其它一些方面,例如加載消息、錯誤處理和顯示響應信息。

  我建立了一個示例可供大家下載。這個示例包含了一個面向對象的AJAX引擎,你可以在任何AJAX應用程序中再次使用它。在討論響應信息之前,我要指出如何建立AJAX引擎并發出請求。首先,讓我們來看看AJAX引擎的代碼(沒有帶上響應信息處理部分):

document.write("<script type="text/javascript" src="js/HTTP.js"></script>");
function Ajax()
{
 this.toString = function() { return "Ajax"; }
 this.http = new HTTP();
 this.makeRequest = function(_method, _url, _callbackMethod)
 {
  this.request = (window.XMLHttpRequest)? new XMLHttpRequest(): new ActiveXObject("MSXML2.XMLHTTP");
  this.request.onreadystatechange = _callbackMethod;
  this.request.open(_method, _url, true);
  this.request.send(_url);
 }
}


  為了建立這個對象并發出請求,你只需要使用下面兩行代碼:

var ajax = new Ajax();
ajax.makeRequest('GET', 'xml/content.xml', onResponse);


  上面的第二行代碼反映了你選擇的請求方法、XML的路徑或請求的服務器端腳本、當接收到響應信息時你希望調用的回調方法?,F在你對AJAX引擎和如何發出請求已經有了一定的了解,我們來看看如何處理請求。

  就緒(Ready)狀態

  就緒狀態由回調方法來處理,當我們做出請求的時候,回調方法就已經設置好了。在例子中,onResponse被設置為回調方法,它在本文中被用于處理所有的分析代碼的操作。我們將使用下面的代碼來檢測回調方法中的AJAX對象的就緒狀態:

function onResponse()
{
 if(ajax.checkReadyState('body', 'loading...', 'loading...', 'loading...') == "OK")
 {
  // 此處是分析代碼
 }
}


  上面的代碼顯示,我們將向checkReadyState方法傳遞四個參數。第一個參數是我們希望顯示的加載(loading)消息div的ID、其它三個參數都是自定義的對應于不同狀態的加載消息。我選擇的用于加載消息的div的名字是body,它使得新數據在被載入的時候,內容和加載消息是合并在一起的。下面是實際的checkReadyState方法,它處理了我們剛才討論的代碼,并在div中向我們傳遞進去的參數來顯示它。這個方法也被包含在示例AJAX引擎中了。

this.checkReadyState = function(_id, _1, _2, _3)
{
 switch(this.request.readyState)
 {
  case 1:
   document.getElementById(_id).innerHTML = _1;

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 婷婷夜夜躁天天躁人人躁 | 国产精品一区二区久久精品涩爱 | 午夜免费视频观看在线播放 | 五月网站| 欧美a在线看 | 夜夜爽爽 | 午夜久草 | jlzzjlzzjlzz亚洲女| 亚洲日本1区2区3区二区 | 亚洲第一页中文字幕 | 久久婷婷人人澡人人爱91 | 一区二区3区免费视频 | 波多野结衣在线免费 | 欧美一区不卡二区不卡三区 | 在线亚洲v日韩v | 日本成a人免费视频 | 亚洲成人激情小说 | 午夜视频免费在线观看 | 欧美精品xxxxx| 久久亚洲精品中文字幕三区 | 成人淫片| 国产亚洲人成a在线v网站 | 男女免费观看在线爽爽爽视频 | 国产xxx护士爽免费看 | 欧美成人一区二区三区在线视频 | 手机看片日韩高清国产欧美 | 狠狠躁| 波多野结衣在线免费观看视频 | 午夜毛片不卡高清免费 | free性欧美 | 欧美成人综合视频 | 国产成人久久777777 | 日本wwwcom| 国产综合在线观看 | 波多野结衣中出在线 | 亚洲福利视频在线 | 免费jizz大全 | 欧美日韩国产一区二区三区 | 日本一区二区三 | 一个色综合久久 | 国产精品视频一区二区三区w |