当前位置:首页 > 程序设计 > 综合编程 > 正文
 
 

prototype中Ajax.Request类精简

日期:2007-04-25  点击:1914   作者:未知  来源:网络转载  

目的:因为blog程序里的某些模块需要用到ajax,直接使用prototype.js体积比较大(40多k),而且仅仅用到其中的ajax功能,因此为了减轻下载的负担,又不能改动已经在prototype.js框架下写好的代码,只能是按照prototype的风格,自己写一个ajax类,达到零成本移植框架。

新的ajax类如下:
程序代码 程序代码     var Ajax = catch(e)catch(e)
                            }                    
                        }
                };

    Ajax.Request = function(); //default option
        for (var key in arguments[1])
        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()else
                                        }
                                }
        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,足够小了。哈哈。
调用方法:
程序代码 程序代码         var myAjax = new Ajax.Request(
            "http://localhost/abc.asp",
            
            }
            );
调用的风格完全与原来相同!

目前这个新类只有两个回调函数:onComplete 与 onError,Ajax类也只有Request一个方法,毕竟现在blog程序还不需要这么多应用嘛。parameters 属性有个默认值:,可以从中知道,如果调用时不传入asynchronous、method、parameters三个参数,那么类将使用默认值。


与好友分享此资讯: