按: 这部分内容是去年记录在https://sites.google.com/site/trainingcoursesatxinchen/Home/Ajax/Ajax-peixun-jilu上的, 现在直接转移过来, 原先的网站删除. 内容最初创建于Sep 26, 2008 9:25 AM.
经典创建方式:
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
IE从第7版开始也支持普通方式创建,可以和其他浏览器使用一样的JavaScript代码:
var xmlHttp;
function createXMLHttpRequest() {
xmlHttp = new XMLHttpRequest();
}
这样就简单很多了。但考虑到浏览器的兼容性,正式发布的,用户分布比较广的,还是应该考虑使用经典方式创建 XMLHttpRequest 对象。
表2-1 标准XMLHttpRequest操作
表2-2 标准XMLHttpRequest属性
Ajax的交互模式不同于标准Web客户中所有的请求/相应方法,它会去检查请求的状态和服务器的HTTP状态。
Ajax交互模式主要有下面几个步骤:
可以参考本站的 HelloWorld of Ajax
安全注意:XMLHttpRequest 对象请求的所有资源都必须与调用脚本在同一个域内。
服务器的响应可以通过 XMLHttpRequest.responseText 和 XMLHttpRequest.responseXML 获取,前者得到的是一个文本对象,后者得到的是一个 XML DOM 对象。
DOM介绍
DOM独立于编程语言,可以使用任何语言访问DOM。
表 3-1 用于处理XML文档的DOM元素属性
表 3-2 用于遍历XML文档的DOM元素方法
表 3-3 动态创建内容时所用的W3C DOM属性和方法
参考