頁面局部刷新
1.使用ajax實現小部分的內容局部刷新
$.ajax({
url:“http://localhost:8080/intoHomepage.do”,
type:“post”,
data:{name:“mydata”}，
success:function (result) {
if(result){ //對后端返回的數據result進行處理
$(".testchange").html(“將對應的class=testchange的標簽內容進行修改。還可以通過一些父類和子類選擇函數進行操作更新數據如：find（）、chidren（）、parent（）等”);
}
},
error:function () {
alert(“出現錯誤！”);
}
}
);
-
如果要對大部分內容進行刷新建議使用iframe標簽進行整體刷新。
-
對于點擊不同的按鈕（或其他的標簽）局部刷新可以使用" 隱藏方式"，比如事先準備好幾種不同的內容，
< button id=“b1”>按鈕1< /button>
< button id=“b2”>按鈕2< /button>
< button id=“b3”>按鈕3< /button>
< div >
< di v class=“test01”>
< p> this is test01 < /p>
< /div>
< di v class=“test02” style="display：none ">
< p> this is test02 < /p>
< /div>
< di v class=“test03” style="display：none ">
< p> this is test03 < /p>
< /div>
< /div>
點擊按鈕觸發事件（onclick()或其他事件）對需要刷新的部分內容進行css屬性display：none(/block)設置只顯示一個div的內容
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：csdn
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.0391cbd.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
