确保您已正确引入jQuery库。
检查代码中的语法错误或拼写错误。
检查生成表的HTML元素ID是否正确,以确保与Ajax函数一致。
确保Ajax函数正确调用,并在请求成功时触发回调函数。
如果仍然无法执行,请检查服务器端代码,以确保正确返回JSON数据。
示例代码:
HTML:
ID
Name
Email
JavaScript:
$(document).ready(function() {
// define function to load table data dynamically with ajax
function loadTableData() {
$.ajax({
url: 'table_data.php',
type: 'POST',
dataType: 'json',
success: function(data) {
// clear existing table rows
$('#myTable tbody').html('');
// generate new table rows with data
for(var i=0; i'+data[i].id+'' +
''+data[i].name+' ' +
''+data[i].email+' ' +
'';
$('#myTable tbody').append(row);
}
}
});
}
// initially load table data
loadTableData();
// set interval to reload table every 10 seconds
setInterval(loadTableData, 10000);
});
PHP:
// example code to generate table data dynamically
$data = array(
array('id' => 1, 'name' => 'Alice', 'email' => 'alice@example.com'),
array('id' => 2, 'name' => 'Bob', 'email' => 'bob@example.com'),
array('id' => 3, 'name' => 'Charlie', 'email' => 'charlie@example.com')
);
echo json_encode($data);