Javascript 加载页面时如何运行js获取数据？_Javascript_Php_Html_Jquery_Mysql

Javascript 加载页面时如何运行js获取数据？

javascript php html jquery mysql

Javascript 加载页面时如何运行js获取数据？,javascript,php,html,jquery,mysql,Javascript,Php,Html,Jquery,Mysql,我希望页面在加载页面时运行form.js并从read.php加载数据。并每隔几秒钟自动刷新一次表，而不是单击“刷新”按钮。这可能吗？我如何才能做到这一点 // index.html <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="tex

我希望页面在加载页面时运行form.js并从read.php加载数据。并每隔几秒钟自动刷新一次表，而不是单击“刷新”按钮。这可能吗？我如何才能做到这一点

// index.html
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="/dashboard/form.js"></script>
  </head>
  <body>
    <form action="read.php" method="POST">
        <button type="submit" class="btn btn-primary">Refresh</button>
    </form>
    <table class="table" id="tableRefresh">
        // table content
    </table>
  </body>

// form.js
$(document).ready(function () {
    $("form").submit(function loadDetails (event) {
        $.ajax({
            type: "POST",
            url: "read.php",
            dataType: "json",
        }).done(function (data) {
            console.log(data);
            if (data.success) {
                $("#tableRefresh").html(
                    // edit table content
                )
            }
        });
        event.preventDefault();
    });
});

//index.html
刷新
//表内容
//form.js
$（文档）.ready（函数（）{
$（“表格”）.submit（函数加载详细信息（事件）{
$.ajax({
类型：“POST”，
url:“read.php”，
数据类型：“json”，
}).完成（功能（数据）{
控制台日志（数据）；
if（data.success）{
$（“#tableRefresh”）.html(
//编辑表格内容
)
}
});
event.preventDefault（）；
});
});

您可以优化form.js代码文件，以在指定的时间间隔自动获取/刷新数据，如下所示：

function loadData() {
  $.ajax({
    type: "POST",
    url: "read.php",
    dataType: "json",
  }).done(function(data) {
    console.log(data);
    if (data.success) {
      $("#tableRefresh").html(
        // edit table content
      )
    }
  });
}

$(document).ready(function() {
  setInterval(loadData, 10000); // refresh data every 10 secs
});

删除和关联的JS代码，并将

$.ajax

调用放入

setInterval

函数中。