javascript之AJAX框架使用說明
更新時(shí)間：2010年04月24日 13:49:19 作者：
javascript之AJAX框架使用說明,需要的朋友可以參考下.`
ajax編碼落地算是團(tuán)隊(duì)框架建設(shè)的一個(gè)里程碑，使得框架擁有了一個(gè)可應(yīng)用調(diào)試的版本。在ajax框架編碼中主要想到了這么幾點(diǎn):
- 框架兼容性
- 方法全面而要簡(jiǎn)單快捷
- 可擴(kuò)展性好
框架兼容性:ajax框架的兼容性主要表現(xiàn)在XMLHttpRquest對(duì)象生成上。根據(jù)不同類型瀏覽器或者不同庫(kù)一般有三種方式
- new XMLHttpRequest()；
- new ActiveXObject("Microsoft.XMLHTTP")；
- new ActiveXObject("Msxml2.XMLHTTP")；
方法簡(jiǎn)單快捷且擴(kuò)展性好
- 框架編寫如ajax.get()、ajax.json()、ajax.post等這樣類似jquery的比較全面的方法，快捷方便
- 框架使用一個(gè)核心方法為接口、各種方法都通過統(tǒng)一接口進(jìn)行異步請(qǐng)求，后續(xù)需要擴(kuò)展方法只需要組織自己的數(shù)據(jù)格式，然后調(diào)用核心方法即可。
方法
- ajax.get(url,success,error)
參數(shù)： url 請(qǐng)求的url地址 必選 參數(shù)： success 請(qǐng)求成功的回調(diào)函數(shù) 可選 參數(shù)： error 請(qǐng)求失敗的回調(diào)函數(shù) 可選 - ajax.json(url,success,error)//采用官方j(luò)son解析方法解析，更安全
參數(shù)： url 請(qǐng)求的url地址 必選 參數(shù)： success 請(qǐng)求成功的回調(diào)函數(shù) 可選 參數(shù)： error 請(qǐng)求失敗的回調(diào)函數(shù) 可選 - ajax.xml(url,success,error)//暫不支持
參數(shù)： url 請(qǐng)求的url地址 必選 參數(shù)： success 請(qǐng)求成功的回調(diào)函數(shù) 可選 參數(shù)： error 請(qǐng)求失敗的回調(diào)函數(shù) 可選 - ajax.post(url,params,success,error)
參數(shù)： url 請(qǐng)求的url地址 必選 參數(shù)： params 需要post的參數(shù) 可選（默認(rèn)null） 參數(shù)： success 請(qǐng)求成功的回調(diào)函數(shù) 可選 參數(shù)： error 請(qǐng)求失敗的回調(diào)函數(shù) 可選 - ajax.request( { url:url, params:params, type:type, format:format, success:success, error:error } )
參數(shù)： url 請(qǐng)求的url地址 必選 參數(shù)： params 需要post的參數(shù) 可選 參數(shù)： success 請(qǐng)求成功的回調(diào)函數(shù) 可選 參數(shù)： error 請(qǐng)求失敗的回調(diào)函數(shù) 可選 參數(shù)： type 請(qǐng)求類型（POST/GET） 可選（默認(rèn)GET） 參數(shù)： format 返回?cái)?shù)據(jù)類型（json/xml/text） 可選（默認(rèn)text）
引入
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="ajax_min.js" ></script>
請(qǐng)求
復(fù)制代碼 代碼如下:
<script type="text/javascript">
//定義回調(diào)函數(shù)
var callBack = function(text)
{
alert(text);
}
//發(fā)送請(qǐng)求
ajax.get("test.php",callBack);
</script>
下載ajax_min.js
來自:cnblogs 唯C—Sky
您可能感興趣的文章:
- AJAX 驗(yàn)證框架13個(gè)
- jquery 框架使用教程 AJAX篇
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX實(shí)例代碼
- asp.net省市三級(jí)聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- 簡(jiǎn)單的前端js+ajax 購(gòu)物車框架(入門篇)
- jQuery1.9.1針對(duì)checkbox的調(diào)整方法(prop)
- 零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架
- jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之綁定事件
- jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件體系結(jié)構(gòu)
- jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件包裝
- Jquery1.9.1源碼分析系列（六）延時(shí)對(duì)象應(yīng)用之jQuery.ready
- Jquery-1.9.1源碼分析系列（十一）之DOM操作
- jQuery 1.9.1源碼分析系列（十三）之位置大小操作
- jQuery 1.9.1源碼分析系列（十四）之常用jQuery工具
- jQuery1.9.1源碼分析系列（十六）ajax之a(chǎn)jax框架
相關(guān)文章
原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)詳解
JS作為面向?qū)ο蟮娜躅愋驼Z(yǔ)言,繼承也是其非常強(qiáng)大的特性之一,那么這篇文章主要給大家介紹了關(guān)于原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)的相關(guān)資料,需要的朋友可以參考下2021-07-07
這篇文章主要為大家詳細(xì)介紹了如何使用canvas實(shí)現(xiàn)有趣的彈簧效果,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以了解一下
2023-12-12 
js實(shí)現(xiàn)旋轉(zhuǎn)大風(fēng)車
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)旋轉(zhuǎn)大風(fēng)車，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02 
JS動(dòng)態(tài)增加刪除UL節(jié)點(diǎn)LI及相關(guān)內(nèi)容示例
這篇文章主要介紹了JS如何動(dòng)態(tài)增加刪除UL節(jié)點(diǎn)LI及相關(guān)內(nèi)容,需要的朋友可以參考下
2014-05-05 
JavaScript解構(gòu)賦值的實(shí)用技巧指南
JavaScript解構(gòu)賦值為我們提供了很多方便,但是用法比較多,本文就來梳理一下,下面這篇文章主要給大家介紹了關(guān)于JavaScript解構(gòu)賦值的實(shí)用技巧指南,需要的朋友可以參考下
2022-01-01 
JS可斷點(diǎn)續(xù)傳文件上傳實(shí)現(xiàn)代碼解析
這篇文章主要介紹了JS可斷點(diǎn)續(xù)傳文件上傳實(shí)現(xiàn)代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07 
動(dòng)態(tài)改變div的z-index屬性的簡(jiǎn)單實(shí)例
這篇文章介紹了動(dòng)態(tài)改變div的z-index屬性的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下
2013-08-08 
雖說jquery支持css選擇器，可以把一些css規(guī)則放在js里，js無論如何是比css靈活的。但是js修改的是dom的htmlelement的stlye，是一個(gè)操作而非規(guī)則。
2009-06-06 
這篇文章是集合了Javascript所有表單驗(yàn)證方法，非常全面，感興趣的小伙伴們可以參考一下
2015-09-09