AJAX自动重新加载表不会执行。
创始人
2024-08-04 22:31:34
0
  1. 确保您已正确引入jQuery库。

  2. 检查代码中的语法错误或拼写错误。

  3. 检查生成表的HTML元素ID是否正确,以确保与Ajax函数一致。

  4. 确保Ajax函数正确调用,并在请求成功时触发回调函数。

  5. 如果仍然无法执行,请检查服务器端代码,以确保正确返回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);

相关内容

热门资讯

Android Studio ... 要解决Android Studio 4无法检测到Java代码,无法打开SDK管理器和设置的问题,可以...
安装tensorflow mo... 要安装tensorflow models object-detection软件包和pandas的每个...
安装了Laravelbackp... 检查是否创建了以下自定义文件并进行正确的配置config/backpack/base.phpconf...
安装了centos后会占用多少... 安装了CentOS后会占用多少内存取决于多个因素,例如安装的软件包、系统配置和运行的服务等。通常情况...
按照Laravel方式通过Pr... 在Laravel中,我们可以通过定义关系和使用查询构建器来选择模型。首先,我们需要定义Profile...
按照分类ID显示Django子... 在Django中,可以使用filter函数根据分类ID来筛选子类别。以下是一个示例代码:首先,假设你...
Android Studio ... 要给出包含代码示例的解决方法,我们可以使用Markdown语法来展示代码。下面是一个示例解决方案,其...
Android Retrofi... 问题描述:在使用Android Retrofit进行GET调用时,获取的响应为空,即使服务器返回了正...
AmazonsS3Client... 可以通过在代码中添加host属性来解决这个问题。具体步骤如下所示:1.将S3客户端的建立方法中的环境...
Alexa技能在返回响应后出现... 在开发Alexa技能时,如果在返回响应后出现问题,可以按照以下步骤进行排查和解决。检查代码中的错误处...