前端 JS 如何在一个页面中局部加载其它页面的数据

一个页面很大，可以分成多个部分，先把小部分的 jsp 写好之后，再在主页面中通过 Struts 2 标签或 ajax 请求来引入其它的 jsp 显示信息。

通过 jQuery 函数来加载其它页面的数据

<script>
$(function () {
	$("#new").load("/dang/main/findnew.action");
});
</script>

解读：
页面加载完后就立即执行 $() 里面的函数，load 函数就是自动向某个地址发送请求，然后服务器会返回一个 html 页面回来，再把这个 html 页面的数据加载到 $("#new") 所指向的 element 对象中进行显示。

扩展：
load 函数也是 ajax 请求的一种。

$.post() 以 post 方式发送 ajax 请求
$.get() 以 get 方式发送 ajax 请求

通过 Struts 2 标签来加载其它页面的数据

<div class="book-c-border2" id="new">
	<s:action name="findnew" namespace="/main" executeResult="true"> <!--false 则不调 Result 组件-->
	</s:action>
</div>

解读：
</s:action> 标签的作用就是发送一个请求，向命名空间 /main 下的 findnew.action 发请求，并调 Result 组件，将响应的页面显示在标签所在的元素中，本例中就是指 </div> 元素。

扩展：
Struts 2 的精辟之处就是发请求到 Action，调 Action 实例的业务方法，该方法再去调 DAO 对象的方法获取数据，再将数据传给页面显示出来即可。