Ajax实现局部刷新

使用jQuery替换1.jsp中div内容至commonPageList

最新推荐文章于 2025-02-23 16:00:24 发布

原创最新推荐文章于 2025-02-23 16:00:24 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax局部刷新

======================被替换的内容==================
1.jsp
<div id="commonPageList">
被替换的内容
</div>

==========================js=============
function selectUsers() {

var urlStr = "/ajax/home.action?op=User.usersManagerList";
var dataStr = "curPage = 1";
var dataStr ="endBirthdayText=" + selectEndTime;//传入参数
$.ajax( {
url : urlStr + "&tz=" + Math.random(),
dataType : "html",//替换的
data : dataStr,
async : false,
cache : false,
success : function(html) {
//替换1.jsp中div为commonPageList的内容
$("#commonPageList").replaceWith(html);
},
error : function(msg) {
alert("加载数据失败！");
}
});

}
===========================jsp=========================
2.jsp(替换的内容)
<div id="commonPageList">
替换的内容
</div>
</div>