jQuery动态创建表格

    

        

        

        

        

    

    
序号
姓名
性别
地址

 

现在要将后台返回的数据在前台用表格进行展示。

$.ajax({

    url: urls,

    data: datas,

    type: "post",

    dataType: "json",

    success: function(data) {

        //第一种方式：使用拼接html的方式；

        var html = "";

        for(var i in data){

            html += "";

            html += " + data[i].order + ";

            html += " + data[i].name + ";

            html += " + data[i].sex + ";

            html += " + data[i].address + ";

            html += "";

        }

        $("#myTbody").html(html);


    //第二种方式：使用动态创建dom对象的方式；

    for(var i in data){

        var html = $("");

        html.append(" + data[i].order + ");

        html.append(" + data[i].name + ");

        html.append(" + data[i].sex + ");

        html.append(" + data[i].address + ");

        html.appendTo("#myTbody");

    }

},
 error: function(e) {

     alert("error:" + e);

 }

});