学习ajax前需要掌握哪些知识,掌握 Ajax(一): Ajax 入门简介

加入一些 JavaScript

得到 XMLHttpRequest 的句柄后，其他的 JavaScript 代码就非常简单了。事实上，我们将使用 JavaScript 代码完成非常基本的任务：

获取表单数据：JavaScript 代码很容易从 HTML 表单中抽取数据并发送到服务器。

修改表单上的数据：更新表单也很简单，从设置字段值到迅速替换图像。

解析 HTML 和 XML：使用 JavaScript 代码操纵 DOM(请参阅 下一节)，处理 HTML 表单服务器返回的 XML 数据的结构。

对于前两点，需要非常熟悉 getElementById() 方法，如 清单 2 所示。

清单 2. 用 JavaScript 代码捕获和设置字段值

//Getthe value of the"phone"fieldandstuff it in a variable called phone

var phone=document.getElementById("phone").value;//Setsome valuesona form using anarraycalled response

document.getElementById("order").value=response[0];

document.getElementById("address").value=response[1];

这里没有特别需要注意的地方，真是好极了！您应该认识到这里并没有非常复杂的东西。只要掌握了 XMLHttpRequest，Ajax 应用程序的其他部分就是如 清单 2 所示的简单 JavaScript 代码了，混合有少量的 HTML。同时，还要用一点儿 DOM，我们就来看看吧。

以 DOM 结束

最后还有 DOM，即文档对象模型。可能对有些读者来说 DOM 有点儿令人生畏，HTML 设计者很少使用它，即使 JavaScript 程序员也不大用到它，除非要完成某项高端编程任务。大量使用 DOM 的是 复杂的 Java 和 C/C++ 程序，这可能就是 DOM 被认为难以学习的原因。

幸运的是，在 JavaScript 技术中使用 DOM 很容易，也非常直观。现在，按照常规也许应该说明如何使用

DOM，或者至少要给出一些示例代码，但这样做也可能误导您。即使不理会 DOM，仍然能深入地探讨

Ajax，这也是我准备采用的方法。以后的文章将再次讨论 DOM，现在只要知道可能需要 DOM 就可以了。当需要在 JavaScript

代码和服务器之间传递 XML 和改变 HTML 表单的时候，我们再深入研究 DOM。没有它也能做一些有趣的工作，因此现在就把 DOM

放到一边吧。