软件项目实训及课程设计指导——如何应用XML+XSLT+AJAX组合技术实现无刷新的数据查询的应用实例
1、在Web应用系统项目中添加一个实现查询的请求页面searchBook.jsp
(1)创建searchBook.jsp页面文件的过程示图
在MyEclipse开发工具中选择文件中的新建菜单项目,然后创建出一个JSP页面文件,文件名称为searchBook.jsp,创建searchBook.jsp页面文件的过程示图参看如下的示例图所示。
(2)searchBook.jsp页面最终的代码示例如下,在页面中包含有一个简单的查询表单
%
pagecontentType=text/html;charset=gb%scriptlanguage=javascriptsrc=searchBook.js/script
formname=searchmethod=postaction=
请输入书名:inputid=bookkeytype=textsize=20
inputtype=buttonname=searchvalue=搜索onclick=getBooks(bookkey)
divid=showBookInfo/div
/form
2、在Web应用系统项目中添加一个searchBook.js程序文件
(1)searchBook.js程序文件创建的过程示图
在MyEclipse开发工具中选择文件中的新建菜单项目,然后创建出一个JavaScript脚本类型的*.js文件,文件名称为searchBook.js,创建searchBook.js脚本文件的过程示图参看如下的示例图所示。
(2)输入文件名称searchBook.js,并点击“完成”按钮,创建的过程示图参看如下的示例图所示。
(3)searchBook.js程序的代码示例
var