欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

也寫一個Ajax.Request類附代碼

 更新時間:2007年08月13日 19:41:16   作者:  
目的:因為blog程序里的某些模塊需要用到ajax,直接使用prototype.js體積比較大(40多k),而且僅僅用到其中的ajax功能,因此為了減輕下載的負(fù)擔(dān),又不能改動已經(jīng)在prototype.js框架下寫好的代碼,只能是按照prototype的風(fēng)格,自己寫一個ajax類,達(dá)到零成本移植框架。

新的ajax類如下:

var Ajax = {xmlhttp:function(){
try{
return new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
return new XMLHttpRequest();
}

}
};

Ajax.Request = function(){
if (arguments.length<2) return;
var _p = {asynchronous:true,method:"GET",parameters:""}; //default option
for (var key in arguments[1]){ // custom option overwrite default option
_p[key] = arguments[1][key]; 
}
var _x = Ajax.xmlhttp(); //xml obj
var _url = arguments[0]; //str
if(_p["parameters"].length>0) _p["parameters"] += '&_=';
if(_p["method"].toUpperCase()=="GET")_url += (_url.match(/\?/) ? '&' : '?') + _p["parameters"];
_x.open(_p["method"],_url,_p["asynchronous"]);
_x.onreadystatechange = function(){
if (_x.readyState==4){
if(_x.status==200){
_p["onComplete"]?_p["onComplete"](_x):"";
}else{
_p["onError"]?_p["onError"](_x):"";
}
}
}
if(_p["method"].toUpperCase()=="POST")_x.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
_x.send(_p["method"].toUpperCase()=="POST" ? _p["parameters"] : null);
};


這個類保存成js文件,體積還不到1k,足夠小了。哈哈。
調(diào)用方法:

var myAjax = new Ajax.Request(
"http://localhost/abc.asp",
{
method:"post",
parameters:"demo=123456789abc",
onComplete:function(xmlhttp){
alert(xmlhttp.responseText)
}
}
);

調(diào)用的風(fēng)格完全與原來相同!

目前這個新類只有兩個回調(diào)函數(shù):onComplete 與 onError,Ajax類也只有Request一個方法,畢竟現(xiàn)在blog程序還不需要這么多應(yīng)用嘛。parameters 屬性有個默認(rèn)值:{asynchronous:true,method:"GET",parameters:""},可以從中知道,如果調(diào)用時不傳入asynchronous、method、parameters三個參數(shù),那么類將使用默認(rèn)值。

相關(guān)文章

  • Ajax 實現(xiàn)加載進(jìn)度條

    Ajax 實現(xiàn)加載進(jìn)度條

    本文給大家介紹ajax實現(xiàn)加載進(jìn)度條效果,非常不錯,具有參考借鑒價值,需要的朋友參考下
    2016-12-12
  • Ajax bootstrap美化網(wǎng)頁并實現(xiàn)頁面的加載刪除與查看詳情

    Ajax bootstrap美化網(wǎng)頁并實現(xiàn)頁面的加載刪除與查看詳情

    Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包,Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動態(tài)CSS語言Less寫成。下面通過本文給大家介紹Ajax bootstrap美化網(wǎng)頁并實現(xiàn)頁面的加載刪除與查看詳情,需要的朋友可以參考下
    2017-03-03
  • json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法

    json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法

    今天小編就為大家分享一篇json獲取數(shù)據(jù)庫的信息在前端頁面顯示方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-05-05
  • Ajax基礎(chǔ)與登入教程

    Ajax基礎(chǔ)與登入教程

    Ajax 是 Asynchronous JavaScript and XML的縮寫。其優(yōu)點可以減輕服務(wù)器的負(fù)擔(dān),按需取數(shù)據(jù),最大程度的減少冗余請求。接下來通過本文給大家介紹Ajax基礎(chǔ)與登入教程,需要的的朋友參考下
    2017-03-03
  • Ajax請求session失效該如何解決

    Ajax請求session失效該如何解決

    HTML + Servlet + Filter + jQuery 一般來說我們的項目都有登錄過濾器,一般請求足以搞定。但是AJAX卻是例外的,所以解決方法是設(shè)置響應(yīng)為session失效。
    2015-11-11
  • 服務(wù)端配置實現(xiàn)AJAX跨域請求

    服務(wù)端配置實現(xiàn)AJAX跨域請求

    這篇文章主要介紹了服務(wù)端配置實現(xiàn)AJAX跨域請求的相關(guān)資料,需要的朋友可以參考下
    2015-02-02
  • Jquery基于Ajax方法自定義無刷新提交表單Form實例

    Jquery基于Ajax方法自定義無刷新提交表單Form實例

    這篇文章主要介紹了Jquery基于Ajax方法自定義無刷新提交表單Form的方法,結(jié)合實例詳細(xì)分析了Ajax無刷新提交表單的完整實現(xiàn)過程,并總結(jié)了使用中的注意事項,具有很好的借鑒價值,需要的朋友可以參考下
    2014-11-11
  • AJAX工作原理及優(yōu)缺點詳解

    AJAX工作原理及優(yōu)缺點詳解

    AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。接下來通過本文給大家講解ajax的工作原理及優(yōu)缺點,感興趣的朋友一起看看吧
    2016-11-11
  • Ajax 說的比較清楚的一篇文章

    Ajax 說的比較清楚的一篇文章

    ajax一般做兩個if判斷,判斷readyState是否等于4,即響應(yīng)完畢,status是否等于200.,即一切正常
    2013-07-07
  • 一個偽ajax圖片上傳代碼實現(xiàn)示例

    一個偽ajax圖片上傳代碼實現(xiàn)示例

    這篇文章主要介紹了自己寫的一個偽ajax圖片上傳實現(xiàn)代碼,需要的朋友可以參考下
    2014-03-03

最新評論