Ajax由HTML、JavaScript技术、DHTML和DOM组成，这一杰出的方法可以将笨拙的Web界面转化成交互性的Ajax应用程序。
Ajax应用程序所用到的基本技术：
HTML用于建立Web表单并确定应用程序其他部分使用的字段
JavaScript代码是运行Ajax应用程序的核心代码，帮助改进与服务器应用程序的通信。
DHTML或Dynamic HTML,用于动态更新表单。我们将使用div、span和其他动态HTML元素来标记HTML。
文档对象模型DOM用于(通过JavaScript代码)处理HTML结构和(某些情况下)服务器返回的XML。
XMLHttpRequest对象
XMLHttpRequest是一个JavaScript对象，是处理所有服务器通信的对象。
<script language="javascript" type="text/javascript"> var xmlHttp = new XMLHttpRequest(); </script>Ajax基本上就是把JavaScript技术和XMLHttpRequest对象放在Web表单和服务器之间。 类似于桌面应用程序的动态、快速响应、高交互性的体验，但是背后又拥有互联网的全部强大力量。
在 Microsoft 浏览器上创建 XMLHttpRequest 对象
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
处理 Mozilla 和非 Microsoft 浏览器
var xmlHttp = new XMLHttpRequest object;这行简单得多的代码在 Mozilla、Firefox、Safari、Opera 以及基本上所有以任何形式或方式支持 Ajax 的非 Microsoft 浏览器中，创建了XMLHttpRequest 对象。
XMLHttpRequest对象建立
1、建立一个变量xmlHttp来引用即将创建的XMLHttpRequest对象。
2、尝试在Microsoft浏览器中创建该对象:尝试使用Msxml2.XMLHTTP对象创建它。如果失败，再尝试Microsoft.XMLHTTP对象。
3、如果仍然没有建立xmlHttp，则以非Microsoft的方式创建该对象。
最后，xmlHttp应该引用一个有效的XMLHttpRequest对象，无论运行什么样的浏览器。
发出请求
1、从Web表单中获取需要的数据
2、建立要连接的URL
3、打开到服务器的连接
4、设置服务器在完成后要运行的函数
5、发送请求
处理响应
面对服务器的响应，只要知道两点：
1、什么也不要做，直到xmlHttp.readyState属性的值等于4
2、服务器将把响应填充到xmlhttp.responseText属性中
原文链接：https://www.f2er.com/ajax/166449.html