加入一些 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]; |
这里没有特别需要注意的地方,真是好极了!您应该认识到这里并没有非常复杂的东西。只要掌握了 XMLHttpRequest,Ajax 应用程序的其他部分就是如 清单 2 所示的简单 Javascript 代码了,混合有少量的 HTML。同时,还要用一点儿 DOM,我们就来看看吧。
(举报)