基本的Ajax封装定义.pdfVIP

基本的封装 Ajax 之一 Ajax ，或许已经是老掉牙的话题。我学习总结一下。大概会有 6 篇，从基本的 ajax 直至高级的 ajax 应用。最后 会形成一个实用的 Ajax 工具库。创建一个基本的 Ajax 应用不需要太多的代码，大概三个步骤。 1 ，创建 Ajax 的核心对象 XMLHttpRequest 因为浏览器之间的不兼容， IE7 之前的版本并没有原生的 XMLHttpRequest 对象却实现为 ActiveX 对象。 互联网及各种书籍中有着多种创建方式， 有的复杂很多行代码， 有的则简洁很少代码。 当然复杂的考虑的情形更 多一些。 如下几乎将 IE 中所有的情况都考虑到了 Js 代码 function cretaeXHR(){ try { return new XMLHttpRequest();} catch (e){} try { return new ActiveXObject( Msxml2.XMLHTTP.6.0 );} catch (e){} try { return new ActiveXObject( Msxml2.XMLHTTP.4.0 );} catch (e){} try { return new ActiveXObject( Msxml2.XMLHTTP.3.0 );} catch (e){} try { return new ActiveXObject( Msxml2.XMLHTTP );} catch (e){} try { return new ActiveXObject( MSXML3.XMLHTTP );} catch (e){} try { return new ActiveXObject( MSXML.XMLHTTP );} catch (e){} try { return new ActiveXObject( Microsoft.XMLHTTP );}catch (e){} try { return new ActiveXObject( MSXML2.ServerXMLHTTP );} catch (e){} return null ; } 代码较少的采用对象特性判断， Js 代码 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject( Microsoft.XMLHTTP ); 这里采用精简方式，暂不考虑创建异常的情况。 2 ，发送请求 Js 代码 xhr.open xhr.send 3 ，处理响应 Js 代码 xhr.onreadystatechange = function (){ if (xhr.readyState == 4){ if(xhr.status == 200){ // 当然你可以把 200~300 之间或 304 的都理解成响应成功 //callback } } } 嗯，写到这里没什么特别的，所有的书籍上都是这么几个步骤来着。对于初学者来说，要将这几个步骤很好的封 装一下形成一个良好的模块还是很困难的。全局变量满天飞不知道怎么去组织代码，偶刚学的时候就是这样的。 现在想想是对一门语言没有足够的掌握，尤其是闭包。 这里采用