【分享】一套我自己写的AJAX实现方案

[NqIceCoffee]

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下均能正常使用)

[NqIceCoffee]

[Quote=引用 57 楼 tantaiyizu 的回复:]
加油，虽然写的还比较幼稚。
[/Quote]

欢迎拍砖

但别人身攻击，谢谢。

[hao1hao2hao3]

Mark.

[yuhua3272004]

学习了

[mengerhxy]

jf

[mengerhxy]

LZ请问
Process : function (ajaxInfo, processFun) {
var xmlObj = Ajax.GetXmlHttp();
if (!xmlObj) {
alert("抱歉，你的浏览器不支持AJAX。");
return;
}

是什么语法？小女子没见过。

[mengerhxy]

LZ请问
Process : function (ajaxInfo, processFun) {
var xmlObj = Ajax.GetXmlHttp();
if (!xmlObj) {
alert("抱歉，你的浏览器不支持AJAX。");
return;
}

是什么语法？小女子没见过。

[NqIceCoffee]

[Quote=引用 40 楼 mengerhxy 的回复:]
LZ请问
Process : function (ajaxInfo, processFun) {
var xmlObj = Ajax.GetXmlHttp();
if (!xmlObj) {
alert("抱歉，你的浏览器不支持AJAX。");
return;
}

是什么语法？小女子没见过。
[/Quote]

json的语法

具体的你可以去网上搜搜

[约修亚]

niu

[编程有钱人了]

up

[shenlong0125]

学习

[a38809972]

我以前也这样用的,不过ajaxpro确实在后台好开发些,区别是ashx里面的没有编译,ajaxpro自动生成了ashx而已.

[NqIceCoffee]

回46楼的兄台

我在做.NET之前做过1年多的ASP，所以不喜欢使用服务器控件，更多的，我愿意自己去写代码实现。

这样自我感觉上代码会“干净”些，而且更容易控制这里面的流程。

[lfhlyx]

UP一下

[cwblaze]

JF

[mike1lainet]

学习

[lfywy]

JF

[babay2008]

呵呵

[wxdxy]

原理知道，实际这样使用没有，jquery这样封装，比较流行

[Eagle_ice]

不错 顶...

[masky5310]