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