摘要：有时发出一个请求，后端什么时候返回前端并不清楚。有可能是1秒，3秒甚至更长时间。因此有必要添加一个参数来设置等待的时间，如果在设定的时间内没有返回结果则放弃该次请求。 实现思路：发出请求后指定一个时间，如超过该时间没有返回结果则忽略。window对象的setTimeout方法再次起作用了(setTimeout能解决很多IE下古怪的bug)代码如下：var timeout = opt.timeout || 0;//指定是否启用请求超时处理，不传参数timeout则忽略var isTimeout = false; //一个标志位，是否超时if(timeout>0){ setTimeout(f
阅读全文
摘要：Ajax中的x指的是XML，早期的数据格式都喜欢用XML，然后一层层的解析。当然简单的也会返回HTML(或称HTML片段)。现在使用JSON格式的也很多。根据不同需求，给Ajax对象添加了三个实用方法：Ajax.text、Ajax.json、Ajax.xml。 Ajax.text返回纯文本，即responseText Ajax.json返回json，即会将responseText解析成js对象 Ajax.xml返回xml文档，即responseXML 使用方式与Ajax.request相同，第一个参数是请求url，第二个是配置参数。完整代码Ajax = function(){ function
阅读全文
摘要：接上篇。引入了一个私有函数_serialize，它会把js对象串行化成HTTP所需参数模式，接受如下两种结构{name:'jack',age:20} --> name=jack&age=20{fruit:['apple','banana','orange']} --> fruit=apple&fruit=banana&fruit=orange请求后台的一个servlet，发送参数name=jack,age=20，默认使用异步，GET方式。现在data可以如下了Ajax.request('
阅读全文
摘要：Ajax，或许已经是老掉牙的话题。我学习总结一下。大概会有6篇，从基本的Ajax直至高级的应用。最后会形成一个实用的Ajax工具库。创建一个基本的Ajax应用不需要太多的代码，大概三个步骤，几十行代码即可。 1，创建Ajax的核心对象XMLHttpRequest 因为浏览器之间的不兼容，IE7之前的版本并没有原生的XMLHttpRequest对象却实现为ActiveX对象。互联网及各种书籍中有着多种创建方式，有的复杂很多行代码，有的则简洁很少代码。当然复杂的考虑的情形更多一些。如下几乎将IE中所有的情况都考虑到了function cretaeXHR(){ try{ return new XML
阅读全文
摘要：script不受Web浏览器跨域安全限制的束缚，即能实现跨域访问。这是它的最大优点。另外一点需要注意的是不同浏览器对script的触发事件不同，即回调函数要写在这些函数之中，且只支持异步调用IE下：加载完成后触发"onreadystatechange"事件firefox下：加载完成后触发"onload"事件，以下是同xmlHttpRequest的比较。
阅读全文
