封装的一个ajax类——简化prototype.js框架(2)-WEB前端开发

公司涂总封装的一个ajax类：
功能类似prototype.js的ajax类

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
</head>

//————————方法一：无参数—————————//
function bq()??
{
????var??url=”http://ting.5fad.com/AJAX/getSongInfo.aspx?songid=3667&count=0&flag=0&rnd=”+Math.random();
????ajax_obj.get(url, callback,true);
}

//————————方法二：有参数—————————//
function bggg(sid,con,flg)??
{
????var??url=”http://ting.5fad.com/AJAX/getSongInfo.aspx“;
????var parm=”songid=”+sid+”&count=”+con+”&flag=”+flg;
????ajax_obj.get(url+”?”+parm,callback,true);
}
function callback(datafromServer){
????alert(datafromServer);
}
</script>
<script type=”text/javascript”>
/////////////////begin:XAjax/////////////////////////////////
if (ajax_obj == null) var ajax_obj = new XAjax();
function XAjax()??
{??
????// 默认出错处理??
????this._eh = XAjax._error;??
}
XAjax.debug_enable = false;??
??
// GET 请求??
//（URL, 回调函数[, 回调函数附加数据, 是否异步]）??
XAjax.prototype.get = function (url, callback, asyn)??
{??
????asyn = (asyn === undefined)? true: asyn;??
????var _self = this;??
??
????var X = XAjax._object();??
????if(asyn)??
????????X.onreadystatechange = function()??
????????{ XAjax._callback(X, callback, _self); };??
????X.open(‘GET’, url, asyn);??
??
????if(XAjax.debug_enable)??
????????XAjax._debugger(callback);??
??
????X.send(null);??
??
????if(asyn){??
????????return X;??
????}else{??
????????XAjax._callback(X, callback, _self);??
????}??
}??
??
// POST 请求??
//（URL, POST数据, 回调函数[, 回调函数附加数据, 是否异步]）??
XAjax.prototype.post = function (url, sdata, callback, asyn)??
{
????asyn = (asyn === undefined)? true: asyn;??
????var _self = this;??
??????
????var X = XAjax._object();??
????????
????if(asyn)??
????????X.onreadystatechange = function()??
????????{ XAjax._callback(X, callback, _self); };??
????X.open(‘POST’, url, asyn);??
????????
????if(XAjax.debug_enable)??
????????XAjax._debugger(callback);??

????X.setRequestHeader(‘Content-length’, sdata.length);??
????X.setRequestHeader(‘Content-type’, ‘application/x-www-form-urlencoded’);??
??????
????X.send(sdata);
??????
????if(asyn){??
????????return X;??
????}else{??
????????XAjax._callback(X, callback, _self);??
????}??
????
}??

??
// 设置出错处理函数??
XAjax.prototype.e_handler = function (func)??
{??
????if(func !== undefined) this._eh = func;??
}??
??
// 创建一个兼容的XHR对象。??
// 改了一下：IE7中优先采用Native XHR??
XAjax._object = function()??
{??
????var A;??
????if(typeof XMLHttpRequest != ‘undefined’) {??
????????A = new XMLHttpRequest();??
????}else{??
????????var _msxmlhttp = new Array(??
????????????’Msxml2.XMLHTTP.6.0′,??
????????????’Msxml2.XMLHTTP.3.0′,??
????????????’Msxml2.XMLHTTP’,??
????????????’Microsoft.XMLHTTP’);??
????????for(var i = 0; i < _msxmlhttp.length; i++) {??
????????????try {??
????????????????if(A = new ActiveXObject(_msxmlhttp[i])) break;??
????????????} catch (e) {??
????????????????A = null;??
????????????}??
????????}??
????}??
????if(!A)??
????????alert(“Could not create connection object.”);??
????return A;??
}??
??
//– 私有函数 —————————————————————–??
??
XAjax._callback = function (req, callback, obj)??
{??
????if(req.readyState == 4) {??
????????if(req.status != 200) {??
????????????//req.onreadystatechange = null;??
????????????if(obj._eh) obj._eh(req, callback);??
????????}else{??
????????????callback(req.responseText);??
????????????//req.onreadystatechange = null;??
????????}??
????}??
}??
??
// Debug: 显示采用的回调函数。??
XAjax._debugger = function (func)??
{??
????alert(‘running: ‘ + XAjax._fname(func));??
}??
??
// 默认的出错处理??
XAjax._error = function (req, callback)??
{??
????alert(req.statusText + ‘\nShould run: ‘ + XAjax._fname(callback));??
}??
??
// 提取函数名（含参数）??
XAjax._fname = function (func)??
{??
????var S = func.toString();??
????return S.slice(9, S.indexOf(‘)’, 10)) + ‘)’;??
}??
/////////////////end:XAjax/////////////////////////////////////////////////////////////
</script>
</body>
</html>

WEB前端开发

封装的一个ajax类——简化prototype.js框架(2)

相关推荐

评论抢沙发

置顶推荐

最近文章

热门标签

最新评论

分类目录

热门文章

前端开发相关广告投放更专业更精准

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏