使用AJAX局部刷新页面
局部刷新页面也就是定时性获取数据库信息,此方法也适用于刷新表格,不过表格刷新时会进行闪烁,根据自己代码决定是否使用此方式刷新表格数据(侵删)。
- 方法一
setInterval(function () {
refresh()
},10000)
function refresh(){
$.ajax({
type: "get",
cache: false, //不允许有缓存
url: " ", //url路径
data: {
page: 1,
limit: 300,
Role: null
},
success: function success(data) {
var name = data.name;
$("#name").text(name); //此处不能使用append,会将数据循环的添加
},
error: function error() {
alert("請求失敗");
}
});
}
-
方法二
$(document).ready(function(e){ setTimeout('refresh()',0); }); /*局部自动刷新页面数据*/ function refresh(){ $.ajax({ type: "get", cache: false, //不允许有缓存 url: " ", //url路径 success: function success(data) { var name = data.name; $("#name").text(name); //此处不能使用append,会将数据循环的添加 }, error: function error() { alert("請求失敗"); } }); setTimeout('refresh()',500); }