即如下： 【想做到點擊nav側邊欄，僅替換右邊div中的內容，而不是跳轉到新的頁面,這樣的話，其實整個項目中就只有一個完整的頁面，其他的頁面均只寫<body>內的部分即可，或者僅僅寫要替換的<div>內的部分即可！！】
index.jsp頁面就是如上，也就是整個項目中的主頁面，頁面中包含nav部分和div部分，現在index.js中綁定左邊側邊欄點擊事件
$(".sub").click(function(){
//點擊側邊欄的一個按鈕之后，ajax去請求后台controller，然后controller返回一個頁面地址，data中即新頁面中的標簽代碼，然后填充到div中即可實現整個項目單頁面
$.ajax({url:"../sub1", type:"post", traditional:true, success:function(data){ $(".container-fluid").empty(); $(".container-fluid").append(data); } }); });
controller.java如下：
@RequestMapping(value = "sub1")
public String sub1(){ System.out.println("zhuyemian"); return "/sub/sub1"; }
中代碼如下：
然后點擊之后跳轉的效果如下：
亂碼處理方式：
sub1.jsp中代碼修改為：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> <h1 class=""> 做點什么事情</h1>
重新跳轉訪問：
即可解決亂碼問題！！！
==========================================================================================================
問題1：
母頁面中<script>引入js都在頁面的最下方，而新引入的頁面，也會需要引入新的js文件，那這引入的js文件能否起作用呢？
說明如下：
解釋：
可以直接追加進入！！且自定義的js是可以起作用的。因為在新頁面的代碼追加入母頁面的div之前，母頁面中的js文件都已經加載成功了！