更新時(shí)間:2021-08-31 09:18:14 來源:動(dòng)力節(jié)點(diǎn) 瀏覽1695次
局部刷新頁(yè)面也就是定時(shí)性獲取數(shù)據(jù)庫(kù)信息,此方法也適用于刷新表格,不過表格刷新時(shí)會(huì)進(jìn)行閃爍,根據(jù)自己代碼決定是否使用此方式刷新表格數(shù)據(jù)。
方法一
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,會(huì)將數(shù)據(jù)循環(huán)的添加
},
error: function error() {
alert("請(qǐng)求失敗");
}
});
}
方法二
$(document).ready(function(e){
setTimeout('refresh()',0);
});
/*局部自動(dòng)刷新頁(yè)面數(shù)據(jù)*/
function refresh(){
$.ajax({
type: "get",
cache: false, //不允許有緩存
url: " ", //url路徑
success: function success(data) {
var name = data.name;
$("#name").text(name); //此處不能使用append,會(huì)將數(shù)據(jù)循環(huán)的添加 },
error: function error() {
alert("請(qǐng)求失敗");
}
});
setTimeout('refresh()',500);
}
以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"使用AJAX刷新局部頁(yè)面",希望對(duì)大家有幫助,想了解更多可查看AJAX教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程,針對(duì)沒有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí),讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程,感興趣的同學(xué)可以關(guān)注一下。
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
有基礎(chǔ) 直達(dá)就業(yè)
業(yè)余時(shí)間 高薪轉(zhuǎn)行
工作1~3年,加薪神器
工作3~5年,晉升架構(gòu)
提交申請(qǐng)后,顧問老師會(huì)電話與您溝通安排學(xué)習(xí)
初級(jí) 202925
初級(jí) 203221
初級(jí) 202629
初級(jí) 203743