javascript之AJAX框架使用說明
更新時間:2010年04月24日 13:49:19 作者:
javascript之AJAX框架使用說明,需要的朋友可以參考下.`
ajax編碼落地算是團隊框架建設的一個里程碑,使得框架擁有了一個可應用調試的版本。在ajax框架編碼中主要想到了這么幾點:
- 框架兼容性
- 方法全面而要簡單快捷
- 可擴展性好
框架兼容性:ajax框架的兼容性主要表現(xiàn)在XMLHttpRquest對象生成上。根據(jù)不同類型瀏覽器或者不同庫一般有三種方式
- new XMLHttpRequest();
- new ActiveXObject("Microsoft.XMLHTTP");
- new ActiveXObject("Msxml2.XMLHTTP");
方法簡單快捷且擴展性好
- 框架編寫如ajax.get()、ajax.json()、ajax.post等這樣類似jquery的比較全面的方法,快捷方便
- 框架使用一個核心方法為接口、各種方法都通過統(tǒng)一接口進行異步請求,后續(xù)需要擴展方法只需要組織自己的數(shù)據(jù)格式,然后調用核心方法即可。
方法
- ajax.get(url,success,error)
參數(shù): url 請求的url地址 必選 參數(shù): success 請求成功的回調函數(shù) 可選 參數(shù): error 請求失敗的回調函數(shù) 可選 - ajax.json(url,success,error)//采用官方json解析方法解析,更安全
參數(shù): url 請求的url地址 必選 參數(shù): success 請求成功的回調函數(shù) 可選 參數(shù): error 請求失敗的回調函數(shù) 可選 - ajax.xml(url,success,error)//暫不支持
參數(shù): url 請求的url地址 必選 參數(shù): success 請求成功的回調函數(shù) 可選 參數(shù): error 請求失敗的回調函數(shù) 可選 - ajax.post(url,params,success,error)
參數(shù): url 請求的url地址 必選 參數(shù): params 需要post的參數(shù) 可選(默認null) 參數(shù): success 請求成功的回調函數(shù) 可選 參數(shù): error 請求失敗的回調函數(shù) 可選 - ajax.request( { url:url, params:params, type:type, format:format, success:success, error:error } )
參數(shù): url 請求的url地址 必選 參數(shù): params 需要post的參數(shù) 可選 參數(shù): success 請求成功的回調函數(shù) 可選 參數(shù): error 請求失敗的回調函數(shù) 可選 參數(shù): type 請求類型(POST/GET) 可選(默認GET) 參數(shù): format 返回數(shù)據(jù)類型(json/xml/text) 可選(默認text)
引入
復制代碼 代碼如下:
<script type="text/javascript" src="ajax_min.js" ></script>
請求
復制代碼 代碼如下:
<script type="text/javascript">
//定義回調函數(shù)
var callBack = function(text)
{
alert(text);
}
//發(fā)送請求
ajax.get("test.php",callBack);
</script>
下載ajax_min.js
來自:cnblogs 唯C—Sky
您可能感興趣的文章:
- AJAX 驗證框架13個
- jquery 框架使用教程 AJAX篇
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX實例代碼
- asp.net省市三級聯(lián)動的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- 簡單的前端js+ajax 購物車框架(入門篇)
- jQuery1.9.1針對checkbox的調整方法(prop)
- 零基礎學習AJAX之AJAX框架
- jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之綁定事件
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件體系結構
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件包裝
- Jquery1.9.1源碼分析系列(六)延時對象應用之jQuery.ready
- Jquery-1.9.1源碼分析系列(十一)之DOM操作
- jQuery 1.9.1源碼分析系列(十三)之位置大小操作
- jQuery 1.9.1源碼分析系列(十四)之常用jQuery工具
- jQuery1.9.1源碼分析系列(十六)ajax之ajax框架
相關文章
原生Javascript實現(xiàn)繼承方式及其優(yōu)缺點詳解
JS作為面向對象的弱類型語言,繼承也是其非常強大的特性之一,那么這篇文章主要給大家介紹了關于原生Javascript實現(xiàn)繼承方式及其優(yōu)缺點的相關資料,需要的朋友可以參考下2021-07-07
JS動態(tài)增加刪除UL節(jié)點LI及相關內容示例
這篇文章主要介紹了JS如何動態(tài)增加刪除UL節(jié)點LI及相關內容,需要的朋友可以參考下2014-05-05

