更新時間:2021-08-31 09:18:14 來源:動力節點 瀏覽1640次
局部刷新頁面也就是定時性獲取數據庫信息,此方法也適用于刷新表格,不過表格刷新時會進行閃爍,根據自己代碼決定是否使用此方式刷新表格數據。
方法一
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);
}
以上就是動力節點小編介紹的"使用AJAX刷新局部頁面",希望對大家有幫助,想了解更多可查看AJAX教程。動力節點在線學習教程,針對沒有任何Java基礎的讀者學習,讓你從入門到精通,主要介紹了一些Java基礎的核心知識,讓同學們更好更方便的學習和了解Java編程,感興趣的同學可以關注一下。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習