10 第十章 无刷新修改和删除数据(AJAX).pdfVIP

江西微软技术中心– Java 实训辅助教程 任务：使用AJAX 技术无刷新修改和删除t_role 表中的数据 1、在WebContent 下把role-list.jsp 复制成role-man.jsp, 再将role-input.jsp 中包含录入表格 的form 代码复制入内。将其中的分页标签删除，我们要做一个无分页的列表。 作者：娄芳 Email:lou.fang@163.com 江西微软技术中心 江西微软技术中心– Java 实训辅助教程 2、在com.morik.gm.action 包RoleAction.java 中添加代码如下： 3、现在可以重新部署运行一下，看到一个无分页的列表，还可实现增加角色的功能，但修 改、删除功能都是失效的。 4 、接下来，我们来实现无刷新的数据修改工作。现在role-man.jsp 的script标签内加入以 下脚本 作者：娄芳 Email:lou.fang@163.com 江西微软技术中心 江西微软技术中心– Java 实训辅助教程 5、而后在RoleAction 中加入以下代码 6、而后修改struts.xml 中的配置： 至此，无刷新修改数据的功能实现。 7、接下来做无刷新删除功能。现在role-man.jsp 的script标签内加入以下脚本： 8、在RoleAction 中加入以下代码 作者：娄芳 Email:lou.fang@163.com 江西微软技术中心 江西微软技术中心– Java 实训辅助教程 无刷新删除功能实现。一个问题，这次为什么不用去配置 struts.xml ？修改数据能不能也不 用去配置struts.xml? 答案是可以的。接下来，我们继续来修改。 9、在role-man.jsp 的script标签内加入以下脚本，并对修改的超链接做点修改 10、 在RoleAction 中加入以下代码 至此，无需配置struts.xml，也能实现了数据的修改 奥秘在renderText(); 作者：娄芳 Email:lou.fang@163.com 江西微软技术中心 江西微软技术中心– Java 实训辅助教程 11、 最后可和http://localhost:8080/Demo/role!list.action 中的删除修改功能进行对比 http://localhost:8080/Demo/role!man.action 增加一个添加按钮，最终可以看到一个页面 实现所有的增删改查功能 作者：娄芳 Email:lou.fang@163.com 江西微软技术中心