本文探讨如何将Ajax与JSP模板文件结合使用来加载页面数据。传统方式是通过action传递数据到JSP，而使用Ajax可以从action获取数据并在前端或后端拼接HTML。但结合两者，可以直接跳转到页面，通过Ajax请求action，action返回的数据传递到另一个模板JSP文件加载，加载完成的数据自动返回到Ajax回调函数。关键在于request.getRequestDispatcher().forward()方法的使用，确保数据加载并返回给Ajax请求。
进行页面展示时，通过有两种方式：
一种为传统的action，从action中查找数据再传到JSP页面上用JSTL进行展示；
第二种使用ajax从action中获取数据，再到页面上用JS拼接HTML或者在后台拼接完成了通过ajax返回到前台。
两种方法的缺点都比较明显：
第一种不适合于局部刷新，更也不适合于频繁刷新，也就是ajax的优点。
第二种可以局部刷新，但是需要拼接HTML，无论在后台还是在js中拼接HTML都比较麻烦。
所以呢，可以将以上两行方法结合起来使用：
直接调转到页面，通过ajax加载数据，将action中返回的数据传递到另一个模板JSP文件中进行加载，加载完成的数据会自动返回到ajax的回调函数中。
1、展示页面(index.jsp)：也就是直接请求的页面，在这个页面上显示数据。页面结构很简单，就一个div用来包装数据。
<body style="overflow:auto;">
<h2>使用JSP模板文件加载页面数据</h2>
<div id="tableDiv"></div>
</body>然后添加一个ajax方式用来请求数据：
$(function(){
$.ajax({
type:"post",
async:false,
data:{"ti
最低0.47元/天 解锁文章
扫一扫
273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
