一尘不染

在jQuery成功事件上填充html表

ajax

这是我的问题。

我有这个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>

我有这个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;

   }
})

用JSON提供的信息填充html表的正确方法是什么?我一直尝试都没有成功。我已经完成测试,append()
html()但没有成功,有人可以指出正确的方向吗?

我想要的是获取来自JSON的信息,并使用此信息动态填充表格。


阅读 247

收藏
2020-07-26

共1个答案

一尘不染

您可以尝试以下方法:

    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>");
    });

可以在这里找到更多信息:http :
//api.jquery.com/jQuery.each/

2020-07-26