$().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;
}
});
});