$().ajax非同期要求がJSONデータに戻り、テーブルを追加する(Javaコード実装)

11391 ワード

テーブルの表
<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;
            }
        });

    });