$().ajax异步请求返回JSON数据追加table表格(Java代码实现)

table表头

<table id="tb" width="800px" border="1px" cellpadding="0px" cellspacing="0px">
    <tr>
        <td align="center">用户ID</td>
        <td align="center">用户名</td>
        <td align="center">真实名称</td>
        <td align="center">用户图像</td>
        <td align="center">用户类型</td>
        <td align="center">是否有效</td>
        <td align="center">创建时间</td>
        <td align="center">修改时间</td>
        <td align="center" colspan="2">操作</td>
    </tr>
</table>

javascript代码:

$(function () {
        $.ajax({
            //请求地址
            url: "UserServlet?method=showAll",
            //请求类型
            type: "post",
            //返回的数据类型
            dataType: "json",
            //请求成功后的回调函数。
            success: function (data) {
                //这个方法里是ajax发送请求成功之后执行的代码*
                $(data).each(function (index,item) {
                    //table追加数据
                    if (item.img==null && item.is_del!=2){
                        $("#tb").append(""+item.id+"" + item.user_name + "" + item.real_name + "" + null + "" + item.type + "" + item.is_del + "" + item.create_time + "" + item.modify_time + "+item.id+"\">"+'删除'+"");
                    }
                    else if (item.img!=null && item.is_del!=2){
                        $("#tb").append(""+item.id+"" + item.user_name + "" + item.real_name + "" + item.img + "" + item.type + "" + item.is_del + "" + item.create_time + "" + item.modify_time + "+item.id+"\">"+'删除'+"");
                    }
                });
                return false;
            }
        });

    });

你可能感兴趣的:($().ajax异步请求返回JSON数据追加table表格(Java代码实现))