|
页面局部刷新
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的内容
|