Ajax came into my world.docVIP

1、Ajax是什么? AJAX全称是 Asynchronous JavaScript and XML,Ajax是一种由现有技术组合的技术,具体由 (1) 语义化html标记、(2)文档对象模型(DOM)、(3) javascript、(4) XML? 4个部分组成。 ? 2、Ajax的原理是什么? ajax的原理是使用Javascript的XMLHTTPRequest对象和服务器进行通信,基于这种技术，Javascript 可在不重载页面的情况下与web服务器进行数据交互,然后通过Javascript操作 DOM更新数据。 ? 3、XMLHttpRequest 对象 XMLHttpRequest 是Ajax的核心对象，也是Ajax技术应用的基础,所有的浏览器厂商都实现了具有相 同功能的XMLHttpRequest对象,不过,不同的浏览器间创建XMLHttpRequest对象会存在差异，微软从 ie5以ActiveX插件的形式已经可以进行Ajax应用的开发了。 ? (*)使用ActiveX插件必须使用Microsoft.XMLHTTP ActiveX组件来实例化MLHttpRequest 对象 　　var xhr = new ActiveXObject(Microsoft.XMLHTTP); ? (*)微软从ie7开始添加了对xmlhttp原生的支持,除ie5,和ie6以外的浏览器则使用名 XMLHttpRequest 的javascript内建对象 　　var xhr = new XMLHttpRequest(); 　　 ?每个js类库创建XMLHttpRequest对象的方法 Jquery library 提供的创建XHR对象方法 ? xhr:?window.XMLHttpRequest??(tocol?!==?file:?||?!window.ActiveXObject)??function()?{????return?new?window.XMLHttpRequest();}?:function()?{try?{????return?new?window.ActiveXObject(Microsoft.XMLHTTP);}?catch(e)?{}} ? ? tocol 这个属性是得到当前的网络通信协议 如http: 或 file: 等; 在IE7浏览器下网络通讯协议为 file ?的时候不能用 window.XMLHttpRequest jquery在创建代码里做了判断 (tocol === file:) ? ? YUI2.8.1中connection的创建方式 ? createXhrObject:function(transactionId){????????var?obj,http,i;????????try????????{????????????http?=?new?XMLHttpRequest();????????????obj?=?{?conn:http,?tId:transactionId,?xhr:?true?};????????}????????catch(e)????????{????????????for(i=0;?ithis._msxml_progid.length;?++i){????????????????try????????????????{????????????????????http?=?new?ActiveXObject(this._msxml_progid[i]);????????????????????obj?=?{?conn:http,?tId:transactionId,?xhr:?true?};????????????????????break;????????????????}????????????????catch(e1){}????????????}????????}????????finally????????{????????????return?obj;????????}} ? ? ? YUI创建XHR对象的函数，进行了简单的包装,除去没有protocol的判断，其他略有不同的是提供了_msxml_progid 静态数组 提供了3种progid不同的 ActiveXObject 对象 _msxml_progid:[??Microsoft.XMLHTTP,??MSXML2.XMLHTTP.3.0,??MSXML2.XMLHTTP??] ? ?yui 3.1 ? function?_xhr()?{???return?w.XMLHttpRequest???new?XMLHttpReques