跟“无为”学习Ajax技术第一天

第一天：如何创建XMLHttpRequest 对象
//创建新的 XMLHttpRequest 对象;其中通过 XMLHttpRequest 对象与服务器进行对话的是 JavaScript 技术。
<script language="javascript" type="text/javascript">
var xmlHttp=new XMLHttpRequest();
</script>
说说Ajax的执行原理：个人理解稍有偏颇，敬请谅解.
下面在说说JavaScript代码完成了哪些任务：
1）获取表单数据：JavaScript代码很容易的从HTML表单中抽取数据并发送到服务器。
2）修改表单上的数据：
3）解析HTML和XML：使用JavaScript代码操作DOM，处理HTML表单服务器返回的XML数据的结构。
举个例子：用JavaScript代码获取和设置字段值
var name=document.getElementByID("name").value; //获取
document.getElementByID("order").value=response[0]; //设置
document.getElementBYID("address").value=response[1]; //设置
说到这里，DOM也是非常非常重要的东东，记忆中大量使用DOM的是复杂的Java和C/C++程序，但是在JavaScript中使用DOM 是很容易的。当需要在 JavaScript 代码和服务器之间传递 XML 和改变 HTML 表单的时候，就需要用到DOM。

下面说说创建XMLHttpRequest对象：
由于浏览器大战，导致采用的方法不同。
（1）在MicroSoft浏览器上创建XMLHttpRequest对象：
var xmlHttp=false;
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e2){
xmlHttp=false;
}
}
注释：这两行代码基本上就是尝试使用一个版本的 MSXML 创建对象，如果失败则使用另一个版本创建该对象。不错吧？如果都不成功，则将 xmlHttp 变量设为 false，告诉您的代码出现了问题。如果出现这种情况，可能是因为安装了非Microsoft 浏览器，需要使用不同的代码。
（2）处理 Mozilla 和非 Microsoft 浏览器；
var xmlHttp = new XMLHttpRequest object；
注释：这行简单得多的代码在 Mozilla、Firefox、Safari、Opera 以及基本上所有以任何形式或方式支持 Ajax 的非Microsoft 浏览器中，创建了 XMLHttpRequest 对象。
问题是如何兼容多个浏览器了？代码如下：
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
注释：
1）建立一个变量 xmlHttp 来引用即将创建的 XMLHttpRequest 对象。
2）尝试在 Microsoft 浏览器中创建该对象：
尝试使用 Msxml2.XMLHTTP 对象创建它。
如果失败，再尝试 Microsoft.XMLHTTP 对象。
3）如果仍然没有建立 xmlHttp，则以非 Microsoft 的方式创建该对象。
最后，xmlHttp 应该引用一个有效的 XMLHttpRequest 对象，无论运行什么样的浏览器。