Javascript 使用Jquery更新HTML表&；AJAX

我希望使用Ajax和Jquery在不刷新页面的情况下更新表数据

我知道我将需要

setInterval（）

方法，因为我希望表对所有用户进行刷新，因为多个用户可以向数据库中插入数据，并且我希望向每个用户更新表

我制作了一个脚本，可以在不重定向用户或刷新页面的情况下从表单发送数据，然后将其插入数据库

MyScript.js

$( document ).ready(function() {
    console.log( "Ready!" );
    //Submitting from data
    $("#submitForm").submit(function(e){
        if($('#fName').val() && $('#lName').val() && $('#nickname').val()) {
            $.ajax({
               type: "POST",
               url: "process.php",
               data: $("#submitForm").serialize(),
               success: function(data){
                   console.log(data); // show response from the php script.
               }
             });
         }
         else {
             alert("Please fill the fields.")
         }
        e.preventDefault();
    });
}); 

在我的

process.php

文件中，我将数据插入数据库

现在我有了

info.php

文件，该文件生成了包含所有数据的表，并且我有一个表单可以插入新数据

<div id="table" class="col-md-7 ml-5">
  <table class="table table-striped table-bordered table-hover table-sm">
    <thead class="thead-default">
      <tr>
        <th>#</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Nickname</th>
        <th>User ID</th>
      </tr>
    </thead>
    <?php $user->showUsers(); ?>
  </table>
</div>

#
名字
姓
昵称
用户ID

showUsers（）

函数只使用SQL中的数据生成表的其他行

我不知道如何使用Jquery和Ajax刷新表。
我尝试使用

.load（）

方法，但它也为我的表单生成html

---

请提供帮助。

正如您所说，您可以使用setInterval或更好的setTimeout，因为您希望稍后返回数据以触发新请求

var tId="";
function getInfo() {
  $.get("info.php #table",function(data) {
    tId = setTimeout(getInfo,60000);
    $("#someContainer").append(data);
  });
}
getInfo();

---

你可能真的想得太多了。AJAX后端所需的只是生成一个数据结构（如JSON格式），并将其传递回页面本身。页面上的jQuery代码本身应该处理如何将新行插入到预先存在的表中。您好，我尝试了您的代码片段，但是它从

info.php

生成了整个HTML代码，在该文件中我有很多HTML元素，不仅仅是表我有表单和div。它将所有HTML内容放入我目标的div中。我是否可以只获取我有表的div的HTML内容并在div I target中显示该HTML。你是说$.get（“info.php#table”@mlungjan是的！我尝试了

$.get（“info.php#table”）

，但它仍然获取所有HTML，而不是id=“table”的div中的HTML页面上可能有多个表ID