AJAX操作JS代码
其实这个代码不是本人原创,只是在前人的基础上做了一些比较细微的修改。加之最近在做一个关于AJAX应用的学习交流,所以在这里附上这个封装的源代码。
对于这个JS的ajax封装,本人认为值得学习是arrachEvent的应用,以及对XMLHttpRequest的声明。
window.XMLHttpRequest 主要用于验证浏览器是否IE7/8/9及其他非IE浏览器,而window.ActiveXObject则主要用于验证IE6/5及以下版本。如果把window.ActiveXObjec写在第一个if判断,那么碰到IE7/8/9的时候,则会应用后一种方式创建XMLHttpRequest对象。我们可以理解,IE7/8/9是包含window.ActiveXObjec/XMLHttpRequest属性的浏览器,用哪种方式都能创建到对应的对象。
attachEvent("eventType",function) 是window下的一个……其实我不知道它是属性还是方法,主要是它的调用方式是当eventType事件发生的时候,调用function方法。比如说:
document.getElementById("submitButton").attachEvent("onclick",function) 标示在id为submitButton的对象(这个对象不一定要是按钮)发生鼠标点击事件的时候,执行function函数。
其他一些成熟的地方:
xmlHttpRequest.send(queryString);用于传递AJAX请求的参数。很多时候我们都喜欢直接在URL后面加一个?然后把参数用一个字符串增加在URL的后面。这种方式省时省事,并且send(null)就可以了。可是我们知道,请求URL有一个长度的限制问题,假如URL请求超过了一定的限制,那么后面的字符串会默认被清除掉的。把参数通过send的方式传递,这是一个良好的AJAX应用习惯。