一個頁面很大，可以分成多個部分，先把小部分的 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 對象的方法獲取數據，再將數據傳給頁面顯示出來即可。

總結

以上是生活随笔為你收集整理的前端 JS 如何在一个页面中局部加载其它页面的数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。