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