我創建了一個 jQuery/ajax API 呼叫函式來讀取 JSON 資料并將其插入 HTML 表中，它作業正常，但是我想在單擊按鈕 5 秒后自動重新加載表資料。我嘗試了一些代碼讓它想要，但我需要幫助。所以請提出一個可能的解決方案來解決它。
$(document).ready(function() {
$.getJSON("http://mydevtest.in/wp-json/pmprocurrencies/v1/all", function(data){
var currency_Data = '';
$.each(data, function(key, value){
currency_Data = '<tr>';
currency_Data = '<td>' value.id '</td>';
currency_Data = '<td>' value.country_alpha '</td>';
currency_Data = '<td>' value.currency_code '</td>';
currency_Data = '<td>' value.currency_sign '</td>';
currency_Data = '<td>' value.currency_rate '</td>';
currency_Data = '<td><button type="submit" id="delBtn" value="' value.id '">x</button></td>';
currency_Data = '</tr>';
});
$("#currency_tables").append(currency_Data);
// Reload the table data on "#addcr" button click.
$("#addcr").on("click", function(){
$("#currency_tables").load(location.href " #currency_tables");
});
});
});
uj5u.com熱心網友回復：
你可以用setTimeout(function,milliseconds)這個。
https://developer.mozilla.org/en-US/docs/Web/API/setTimeout
uj5u.com熱心網友回復：
所以，我自己找到了解決方案，下面是作業代碼，但我認為重復相同的功能來達到結果不是專業的解決方案。如果有人有更好的想法，請提出建議。
$(document).ready(function() {
$.getJSON("http://mydevtest.in/wp-json/pmprocurrencies/v1/all", function(data){
var currency_Data = '';
$.each(data, function(key, value){
currency_Data = '<tr>';
currency_Data = '<td>' value.id '</td>';
currency_Data = '<td>' value.country_alpha '</td>';
currency_Data = '<td>' value.currency_code '</td>';
currency_Data = '<td>' value.currency_sign '</td>';
currency_Data = '<td>' value.currency_rate '</td>';
currency_Data = '<td><button type="submit" id="delBtn" value="' value.id '">x</button></td>';
currency_Data = '</tr>';
});
$("#currency_tables").html(currency_Data);
// Reload the table data on "#addcr" button click.
});
$("#addcr").on("click", function(){
setTimeout(function(){
$.getJSON("http://mydevtest.in/wp-json/pmprocurrencies/v1/all", function(data){
var currency_Data = '';
$.each(data, function(key, value){
currency_Data = '<tr>';
currency_Data = '<td>' value.id '</td>';
currency_Data = '<td>' value.country_alpha '</td>';
currency_Data = '<td>' value.currency_code '</td>';
currency_Data = '<td>' value.currency_sign '</td>';
currency_Data = '<td>' value.currency_rate '</td>';
currency_Data = '<td><button type="submit" id="delBtn" value="' value.id '">x</button></td>';
currency_Data = '</tr>';
});
$("#currency_tables").replaceWith(currency_Data);
// Reload the table data on "#addcr" button click.
});
}, 4000)
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/456347.html
標籤：javascript jQuery json 阿贾克斯
上一篇：將文本資料定位到網頁上的DIV？