您当前的位置：飞翔学院-IT中国 → 编程开发 → AJAX → 文章内容

理解AJAX工作原理构建网站的有效方法

作者:佚名来源:不详发布时间:2007-12-10 22:48:33

　　然后，服务器将数据返回 JavaScript 代码（仍然在 Web 表单中），后者决定如何处理这些数据。它可以迅速更新表单数据，让人感觉应用程序是立即完成的，表单没有提交或刷新而用户得到了新数据。JavaScript 代码甚至可以对收到的数据执行某种计算，再发送另一个请求，完全不需要用户干预！这就是 XMLHttpRequest 的强大之处。它可以根据需要自行与服务器进行交互，用户甚至可以完全不知道幕后发生的一切。结果就是类似于桌面应用程序的动态、快速响应、高交互性的体验，但是背后又拥有互联网的全部强大力量。

　　加入一些 JavaScript

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

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

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

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

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

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

//Get the value of the "phone" field and stuff it in a variable called phone
var　phone　=　document.getElementById("phone").value;
//　Set　some　values　on　a　form　using　an　array　called　response
document.getElementById("order").value　=　response[0];
document.getElementById("address").value　=　response[1];