一个经典Ajax例子的解析
2019-01-15张海越
范 曦,张海越
(无锡科技职业学院,江苏 无锡 214028)
引言
Ajax作为一种基于JavaScript和XML的异步传输技术,在各类J2EE项目的开发过程中得到了广泛的应用[1]。Ajax的使用可以让开发者不需要重新加载整个页面,而只需要通过与后台数据库的少量交互选择更新部分页面内容,从而节省时间和提高效率。由于它是一种异步传输的方式,当页面请求发送给Web服务器后,客户端无需再去等待返回结果,而可以继续去触发其它的请求。
1 Ajax实例的分步骤解析
在SQL Server数据库中首先建立一张Student表,字段名分别为 id(学号)、name(姓名)和 age(年龄)。然后建立一个JSP页面,该页面有三个文本框分别用来显示学号、姓名和年龄。最后要求一个文本框中输入学生的学号,按回车键后,通过与后台的交互在此页面使用Ajax技术,可以在另外两个文本框直接输出根据学号查询到相应学生的姓名和年龄。
1.1 建立XML文档
建立一个XML文档用于网页与数据库交互后保存查询结果并返回给客户端,该XML定义如下所示:

该文档的id号为"idStudent"。vio_id、vio_name、vio_age三个子节点用于保存数据结果。
1.2 通过JavaScript与数据库进行交互
设交互的操作过程为:输入学生学号并按回车键后,触发一个JavaScript事件,该事件将只具有学生学号的XML文档发送给服务器端,服务器端通过名为"getstudent"的Servlet接受学生学号并在数据库中查询,最后将查询到的完整信息(学号、姓名、年龄)以XML文档形式返回给客户端。触发事件中机制的主要代码如下所示:

在这个步骤中JavaScript先把请求以XML文档形式发送给服务器,服务器通过Servlet将XML传送过来的数据接收后进行相应的查询交互并形成新的XML文档予以返回。……
