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