轻量级ajax库-搜狗.pdfVIP

搜狐公司研发中心版权所有，仅供技术交流，转载请保留上述文字 搜狗实验室技术交流文档 Vol2:1 轻量级Ajax js 库 摘要 Ajax 作为一个非常常用的功能，在页面中的作用越来越举足轻重。而对于浏览器的 支持，易用性，lib本身大小就成为了衡量一个 lib 的指标。我重写了ajax library 用来取代现有的prototype.js。 Ajax Ajax既Asynchronous JavaScript And XML。现在泛指在用户浏览的页面上，在不刷 新页面的情况下，和server进行交互。具体的详细的介绍请参见Ajax: A New Approach to Web Applications。使用Ajax技术，可以使用户在浏览的时候，尽量的减少刷新的 次数，在一些细节方面，可以很好的提升用户体验。 为什么要有Ajax.js 现成的Ajax/web2.0 相关的 library有很多，其中以prototype 最为有名，并且也 是我们现在使用的最多的一个 library。 Prototype.js是一个跟随着ror一起发展起来的web2.0 类库，他包含了OO框架，IO （Ajax，cookie），一些页面简单的特效等功能，非常的丰富，但是带来的后果就是库 本身就非常的大。1.4.*约为49k，1.5.*更是多达69k。 很多时候，我们只是需要一些简单的ajax 功能，但是却要背负着沉重的包袱，这是 非常痛苦的一件事情。 所以我重写了ajax 相关功能，经过几个月的使用，基本上已经稳定。大小为2.3k， 经过压缩可以减少到1.7k。 和prototype.js 的兼容性 除了名字上的不同，其他地方，我都尽量保持兼容prototype 的方式。 Prototype.js 调用的方式是 new Ajax .Request(url, args); 搜狐公司研发中心版权所有，仅供技术交流，转载请保留上述文字 ajax.js 调用方式是 new Ajax(url, args); 名称上面的改变是因为，对于一个小的 lib来说，叫做Ajax.Request 实在是太恶心 了。 Api //需要的参数 ajaxargs = { method : ‘get’ onComplete : function (req) { } … }; new Ajax( url, //想要访问的url ajaxargs //参数 ); 其中ajaxargs 为 Key Value mime mime type，默认为text/html method get 或者post，默认为post sync true 或者false， true 为异步，false 为同步，默认为异步请求 parameters 需要传递的参数，可以是ka=vakb=vb 这样的字符串，也可以是一个 key/value 的map {ka:va,kb:vb}。 注意：在method 为get 的时候，忽略此参数，应把相关参数罗列在 URL 之后。 onComplete 回调方法，当ajax请求成功之后，调用此方法，并以request作为参 数，在方法里面调用 request.responseText 则可获取请求的全部结 果，默认alert onError 回调方法，当ajax 请求失败调用此方法，应以error 信息作为参数， 默认什么都不做 onLoading 回调方法，当ajax 请求过程开始的时候调用此方法，默认什么都不做 实例程序 common.js 作