在jQuery成功事件上填充html表

这是我的问题。

我有这个html表：

 
 
 
Usuario
 
Nombre
 
Apellido
 
Cedula/Rif
 
Direccion
 
E-mail
 
Telefono1
 
Telefono2
 
Status
 
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; } }) 

使用通过JSON提供的信息填充html表的正确方法是什么？ 我一直在努力，没有成功。 我已经使用append() html()进行了测试，但没有成功，有人可以指出我正确的方向吗？

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

Answer 1

你可以试试这个：

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

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

Answer 2

试试这个：

 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(''+username+''+name+''+lastname+'') } 

Answer 3

谢谢，最后我做到了这样：

  $.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(""+ username +""+ name +""+ lastname +""+ idnumber +""+ address +""+ email +""+ phone1 +""+ phone2 +""+ active +""); } }