【分享】一套我自己写的AJAX实现方案
var Ajax = {
GetXmlHttp : function () {
var xmlHttp = null;
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
try {
xmlHttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch (ee) {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
}
return xmlHttp;
},
Process : function (ajaxInfo, processFun) {
var xmlObj = Ajax.GetXmlHttp();
if (!xmlObj) {
alert("抱歉,你的浏览器不支持AJAX。");
return;
}
var method = ajaxInfo.Method.toUpperCase();
var data = null;
xmlObj.open(method, ajaxInfo.Url, true);
if (method == "POST") {
data = ajaxInfo.Data;
xmlObj.setRequestHeader("Content-Length", data.Length());
xmlObj.setRequestHeader("CONTENT-TYPE", "application/x-www-form-urlencoded");
}
xmlObj.send(data);
xmlObj.onreadystatechange = function () {
if (xmlObj.readyState == 4) {
if (xmlObj.status == 200) {
var type = ajaxInfo.Type.toUpperCase();
if (type == "TEXT") {
processFun(xmlObj.responseText);
} else if (type == "XML") {
processFun(xmlObj.responseXML);
} else {
alert("无法识别的返回方式");
}
xmlObj = null;
}
}
};
}
}上面是我封装的AJAX对象
下面简单的说明一下调用示例:
1.新建一个data.ashx页面,代码如下:
public void ProcessRequest(HttpContext context)
{
HttpResponse response = context.Response;
response.Write("{ data:'testData', Url:'testUrl', User:{ Name:'IceCoffee', Age:26 } }");
response.End();
}2.新建一个jason.aspx页面,部分JS代码如下:
<script language="javascript" type="text/javascript">
<!--
//var postData = "userName=abc&userPass=123";
//var request = { Method:"POST", Url:"data.ashx?rnd=" + Math.random(), Data:postData, Type:"TEXT" };//注释的部分是POST调用方式,下面是GET调用方式
var request = { Method:"GET", Url:"data.ashx?rnd=" + Math.random(), Data:null, Type:"TEXT" };
Ajax.Process(request, function (data) {
var jason = "var obj = " + data + ";";
eval(jason);
alert(obj.User.Name);
});
//-->
</script>代码比较简单了,大虾们一看就懂,不足之处请大虾们指教(IE,FF下均能正常使用)
...全文
相关推荐
自己实现ajax封装示例分享
主要介绍了自己实现ajax封装示例,需要的朋友可以参考下
JS中静态页面实现微信分享功能
小编使用ajax实现静态页面也能实现微信分享功能,今天小编给大家分享实现代码,对js静态页面微信分享功能感兴趣的朋友参考下本
分享AjaxPro或者Ajax实现机制
今天与大家分享AjaxPro或者Ajax实现机制,需要的朋友可以参考下。
分享JavaScript监听全部Ajax请求事件的方法
最近在做一个小项目,引入了第三方js文件,这个文件会调用XMLHttpRequest向服务器发送 Ajax请求,但是我有需要监听其Ajax请求的某些事件,以便额外地执行其他脚本。于是稍微看了看监听 Ajax请求的事件方法,在这里分享给大家。有需要的朋友们可以参考借鉴。
javascript请求servlet实现ajax示例(分享)
下面小编就为大家带来一篇javascript请求servlet实现ajax示例(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


