在jQuery成功事件上填充html表

这是我的问题

我有这个html表格：

<table class="flexme" id="table" border="1">
  <thead>
    <tr>
      <th width="100">Usuario</th>
      <th width="100">Nombre</th>
      <th width="100">Apellido</th>
      <th width="100">Cedula/Rif</th>
      <th width="140">Direccion</th>
      <th width="100">E-mail</th>
      <th width="100">Telefono1</th>
      <th width="100">Telefono2</th>
      <th width="100">Status</th>
      <th width="150">Acci&oacute;n</th>
    </tr>
  </thead>
  <tbody>
    <tr id="test">
      <td></td>
    </tr>
   </tbody>
</table>

乌萨里奥
名义
阿佩利多
塞杜拉/里夫
指令
电子邮件
电信1
Telefono2
地位
Acció；N

我有一个ajax请求：

$.ajax({ 
   type    : "POST",
   url     : "service.php",
   dataType: "json",
   data: {
       action:"search",
       type: 'users',
       parameter: parameter,
       parameterContent: parameterContent,
   },           
   success:function(data) {
       $('#searchResults').show();
       var len = data.length;
       for (var i = 0; i< len; i++) {
       var username  = data[i].username;
       var name  = data[i].uname;
       var lastname  = data[i].lastname;

   }
})

$.ajax（{
类型：“POST”，
url:“service.php”，
数据类型：“json”，
数据：{
行动：“搜索”，
键入：“用户”，
参数:参数,，
parameterContent:parameterContent，
},           
成功：功能（数据）{
$（“#搜索结果”）.show（）；
var len=data.length；
对于（变量i=0；i

用JSON提供的信息填充html表的正确方法是什么？我一直在尝试，但没有成功。我用

append（）

html（）

进行了测试，但没有成功，有人能告诉我正确的方向吗

我想要的是获取通过JSON提供的信息，并使用此信息动态填充表。

尝试以下操作：

for (var i = 0; i < len; i++) {
   var username = data[i].username;
   var name  = data[i].name;
   var lastname = data[i].lastname;
   $('#table tbody').append('<tr><td>'+username+'</td><td>'+name+'</td><td>'+lastname+'</td></tr>')
}

for（变量i=0；i

您可以尝试以下方法：

    var table = $("#table tbody");
    $.each(data, function(idx, elem){
        table.append("<tr><td>"+elem.username+"</td><td>"+elem.name+"</td>   <td>"+elem.lastname+"</td></tr>");
    });

var table=$（“#table tbody”）；
$.each（数据、函数（idx、元素）{
table.append（“+elem.username+”“+elem.name+”“+elem.lastname+”）；
});

更多信息可在此处找到：

---

谢谢，最后我是这样做的：

  $.ajax({ 
                        type    : "POST",
                        url     : "service.php",
                        dataType: "json",
                        data: {
                        action:"search",
                        type: 'users',
                        parameter: parameter,
                        parameterContent: parameterContent,
                        },          
                            success:function(data) {

                                $('#searchResults').show();

                                    var len = data.length;
                                    for (var i = 0; i< len; i++) {

                                    var username  = data[i].username;
                                    var name  = data[i].name;
                                    var lastname  = data[i].lastname;
                                    var idnumber  = data[i].idnumber;
                                    var address  = data[i].address;
                                    var email  = data[i].email;
                                    var phone1 = data[i].phone1;
                                    var phone2 = data[i].phone2;
                                    var active = data[i].active;

                                    $("#generated").append("<tr><td>"+ username +"</td><td>"+ name +"</td><td>"+ lastname +"</td><td>"+ idnumber +"</td><td>"+ address +"</td><td>"+ email +"</td><td>"+ phone1 +"</td><td>"+ phone2 +"</td><td>"+ active +"</td></tr>");

                                }

                            }

$.ajax（{
类型：“POST”，
url:“service.php”，
数据类型：“json”，
数据：{
行动：“搜索”，
键入：“用户”，
参数:参数,，
parameterContent:parameterContent，
},          
成功：功能（数据）{
$（“#搜索结果”）.show（）；
var len=data.length；
对于（变量i=0；i

JS

$(document).ready(function() {
  $.ajax({
    type: 'GET',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': '*'
    },
    url: 'https://localhost:44387/api/employee/employeelist',
    dataType: "json",
    success: function(data) {
      var employeeTable = $('#tblEmployee tbody');
      employeeTable.empty();
      $('#tblEmployee').show();
      var len = data.length;
      for (var i = 0; i < len; i++) {
        var EmpId = data[i].EmpId;
        var FirstName = data[i].FirstName;
        var LastName = data[i].LastName;
        var Contact = data[i].Contact;
        var Address = data[i].Address;
        var Gender = data[i].Gender;
        var Salary = data[i].Salary;
        var Gender = data[i].Gender;
        var ActiveHours = data[i].ActiveHours;
        var Remark = data[i].Remark;
        var IsAvailable = data[i].IsAvailable;
        var Hiredate = data[i].Hiredate;
        var IsActive = data[i].IsActive;
        employeeTable.append('<tr><td>' + EmpId + '</td><td>' +
          FirstName + '</td><td>' + LastName + '</td><td>' + Contact +
          '</td><td>' + Address + '</td><td>' + Gender +
          '</td><td>' + Salary + '</td><td>' + ActiveHours +
          '</td><td>' + Remark + '</td><td>' + IsAvailable +
          '</td><td>' + Hiredate + '</td><td>' + IsActive +
          '</td><td><button type="button" class="btn btn-sm btn-primary editingTRbutton fas fa-pencil-alt noUnderlineCustom text-white" data-toggle="modal" data-target="#editModal">' + 'Edit' + '</button>' + '</td></tr>');
      }

    },
    error: function(err) {
      alert(err);
    }
  })
});

$（文档）.ready（函数（）{
$.ajax({
键入：“GET”，
标题：{
“接受”：“应用程序/json”，
“内容类型”：“应用程序/json”，
“访问控制允许来源”：“*”
},
网址：'https://localhost:44387/api/employee/employeelist',
数据类型：“json”，
成功：功能（数据）{
var employeeTable=$（“#TblemployeeTbody”）；
employeeTable.empty（）；
$（'tblEmployee'）.show（）；
var len=data.length；
对于（变量i=0；i

HTML

<form id="Employeeform">
  <div class="container">
    <table id="tblEmployee" class="paginated table table-bordered">
      <thead class="bg-primary text-white">
        <tr>
          <th>ID</th>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Contact</th>
          <th>Address</th>
          <th>Gender</th>
          <th>Salary</th>
          <th>ActiveHours</th>
          <th>Remark</th>
          <th>IsAvailable</th>
          <th>Hiredate</th>
          <th>IsActive</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody id="tabldata"></tbody>
    </table>
  </div>
</form>

身份证件
名字
姓
接触
地址
性别
薪水
活动时间
评论
可用
雇佣
活跃的
行动

您是否尝试过加载（）？请您展示准备JSON响应的TRs的代码片段？以及您如何尝试将它们添加到TBODY？您知道吗？如果您希望我们将来回答您的问题，我建议将其中一个答复标记为答案，我们将不胜感激。@RobAngelier抱歉，我只是没有这样做。@RobAngelier冰它，在任何情况下，我粘贴我的代码，以便它可以帮助有同样问题的人，谢谢！