后台返回json 前台Ajax循环遍历显示到table

后台

public ActionResult List()
{

//list集合

var a = bll.getUserList();

//注意这里的a是要返回的json

return Json(a,JsonRequestBehavior.AllowGet);
}

前台ajax接受json

$.ajax({
url: "/User/List",
type: "get",
dataType: "json",
success: function (a) {
var tab = $("#tabjson");
$.each(a, function (name, val) {
tab.append("<tr>");

//$("<td>" + val.userID + "</td>").append($("#tablapp"))
//$("<td>" + val.UserName + "</td>").appendTo($("#tablapp"))

$("#tablapp").append("<td>" + val.userID + "</td>");
$("#tablapp").append("<td>" + val.UserName + "</td>");
tab.append("</tr>");
});

});

//table显示

<table id="tabjson">
<tbody id="tablapp">
<tr>
<th>序号</th>
<th>用户名</th>
</tr>
</tbody>

</table>

后台返回json 前台Ajax循环遍历显示到table

原文：https://www.cnblogs.com/xiongyingaoxiang/p/10698868.html