ajax如何将json放入tr

在使用ajax的过程中，我们通常需要将获取到的json数据放入html表格中，以便于展示信息。这就需要将json数据逐条地放入表格的tr标签内。下面我们来看一下如何实现这一过程。

$(document).ready(function(){
    $.ajax({
        url:"/getdata",dataType:"json",success: function(data){
            $.each(data,function(index,element){
                var newRow = $("<tr></tr>");
                newRow.append($("<td>"+element.name+"</td>"));
                newRow.append($("<td>"+element.age+"</td>"));
                newRow.append($("<td>"+element.gender+"</td>"));
                newRow.append($("<td>"+element.address+"</td>"));
                $("#table-id tbody").append(newRow);
            });
        }
    });
});

在上述代码中，我们先是使用ajax获取数据，然后针对每个元素，用jQuery动态生成一个新的tr标签，并将元素的各个属性以td标签的形式放入tr内。

通过以上的步骤，我们就实现了将json数据逐条放入tr标签内的过程，并将其显示在html表格中，以便于我们查看和使用。