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
來(lái)自: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)文章
Bootstrap開發(fā)中Tab標(biāo)簽頁(yè)切換圖表顯示問題的解決方法
這篇文章主要給大家介紹了關(guān)于Bootstrap開發(fā)中Tab標(biāo)簽頁(yè)切換圖表顯示問題的解決方法,文中通過圖文以及示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07layer實(shí)現(xiàn)關(guān)閉彈出層刷新父界面功能詳解
這篇文章主要介紹了layer實(shí)現(xiàn)關(guān)閉彈出層刷新父界面功能,結(jié)合實(shí)例形式分析了使用layui的layer在關(guān)閉彈出層時(shí)刷新父界面的常用實(shí)現(xiàn)技巧與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2017-11-11原生JS實(shí)現(xiàn)手動(dòng)輪播圖效果實(shí)例代碼
手動(dòng)輪播圖,為輪播圖中的一種,輪播圖主要有無(wú)縫輪播,手動(dòng)輪播,延遲輪播,切換輪播等等,輪播圖主要用于展現(xiàn)圖片,新出商品,詞條,又能美觀網(wǎng)頁(yè)。給網(wǎng)頁(yè)中增加動(dòng)態(tài)效果。接下來(lái)通過本文給大家分享原生JS實(shí)現(xiàn)手動(dòng)輪播圖的實(shí)例代碼,一起看看吧2018-11-11小程序?qū)崿F(xiàn)簡(jiǎn)單驗(yàn)證碼倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡(jiǎn)單驗(yàn)證碼倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JS實(shí)現(xiàn)的用來(lái)對(duì)比兩個(gè)用指定分隔符分割的字符串是否相同
這篇文章主要介紹了JS實(shí)現(xiàn)的用來(lái)對(duì)比兩個(gè)用指定分隔符分割的字符串是否相同,本文代碼為特殊需要而寫,需要的朋友可以參考下2014-09-09javascript實(shí)現(xiàn)一個(gè)數(shù)值加法函數(shù)
這篇文章主要介紹了javascript實(shí)現(xiàn)一個(gè)數(shù)值加法函數(shù),十分的簡(jiǎn)單實(shí)用,方便大家理解javascript,有需要的小伙伴可以參考下。2015-06-06