这是我的问题。
我有这个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ó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()但没有成功,有人可以指出正确的方向吗?
append()
html()
我想要的是获取来自JSON的信息,并使用此信息动态填充表格。
您可以尝试以下方法:
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/