进行页面展示时,通过有两种方式:
一种为传统的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