DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript之AJAX框架使用說明
javascript之AJAX框架使用說明
編輯:關於JavaScript     
ajax編碼落地算是團隊框架建設的一個裡程碑,使得框架擁有了一個可應用調試的版本。在ajax框架編碼中主要想到了這麼幾點:
  • 框架兼容性
  • 方法全面而要簡單快捷
  • 可擴展性好
框架兼容性:ajax框架的兼容性主要表現在XMLHttpRquest對象生成上。根據不同類型浏覽器或者不同庫一般有三種方式
  • new XMLHttpRequest();
  • new ActiveXObject("Microsoft.XMLHTTP");
  • new ActiveXObject("Msxml2.XMLHTTP");
方法簡單快捷且擴展性好
  • 框架編寫如ajax.get()、ajax.json()、ajax.post等這樣類似jquery的比較全面的方法,快捷方便
  • 框架使用一個核心方法為接口、各種方法都通過統一接口進行異步請求,後續需要擴展方法只需要組織自己的數據格式,然後調用核心方法即可。
方法
  • ajax.get(url,success,error) 參數: url 請求的url地址 必選 參數: success 請求成功的回調函數 可選 參數: error 請求失敗的回調函數 可選
  • ajax.json(url,success,error)//采用官方json解析方法解析,更安全 參數: url 請求的url地址 必選 參數: success 請求成功的回調函數 可選 參數: error 請求失敗的回調函數 可選
  • ajax.xml(url,success,error)//暫不支持 參數: url 請求的url地址 必選 參數: success 請求成功的回調函數 可選 參數: error 請求失敗的回調函數 可選
  • ajax.post(url,params,success,error) 參數: url 請求的url地址 必選 參數: params 需要post的參數 可選(默認null) 參數: success 請求成功的回調函數 可選 參數: error 請求失敗的回調函數 可選
  • ajax.request( { url:url, params:params, type:type, format:format, success:success, error:error } ) 參數: url 請求的url地址 必選 參數: params 需要post的參數 可選 參數: success 請求成功的回調函數 可選 參數: error 請求失敗的回調函數 可選 參數: type 請求類型(POST/GET) 可選(默認GET) 參數: format 返回數據類型(json/xml/text) 可選(默認text)
范例
引入
復制代碼 代碼如下:<script type="text/javascript" src="ajax_min.js" ></script>
請求
復制代碼 代碼如下:
<script type="text/javascript">
//定義回調函數
var callBack = function(text)
{
alert(text);
}
//發送請求
ajax.get("test.php",callBack);
</script>

下載ajax_min.js
來自:cnblogs 唯C—Sky
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved