web開發中我們經常會遇到區域性重新整理頁面的需求，以前我經常使用ajax和iframe實現區域性重新整理，後來做政府的專案，對頁面的樣式要求比較多，發現使用iframe控制樣式什麼的很麻煩，所以就採用了新的辦法，就是下面我們要說的ajax配合div區域性重新整理頁面，其實很簡單，下面我們就看一下這種重新整理方式是如何實現的。

jsp頁面ajax程式碼如下：

$("#waitWork").click(function(){
		var url = "請求地址";
		var data = {type:1};
		$.ajax({
			type : "get",
			async : false,  //同步請求
			url : url,
			data : data,
			timeout:1000,
			success:function(dates){
				//alert(dates);
				$("#mainContent").html(dates);//要重新整理的div
			},
			error: function() {
               // alert("失敗，請稍後再試！");
            }
		});
	});
 

<div id="mainContent">

注意：後臺需要針對div裡的資訊單獨用一個jsp頁面，不然就需要自己封裝好需要的頁面資訊返回
這個方法可以實現單獨重新整理一個div，好用的一點就是：如果將div裡需要的資訊單獨放到一個jsp頁面裡，都不需要我們後臺拼裝資料了，非常方便。