ajax从服务器获取信息并拼接显示在table
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax从服务器获取信息并拼接显示在table相关的知识，希望对你有一定的参考价值。
1、页面代码
<body>
<h1>显示所有员工信息</h1>
<div>
<table class="table">
@*标题*@
<thead>
<tr>
<th>账号</th>
<th>真实姓名</th>
<th>电话</th>
<th>密码</th>
<th>状态</th>
</tr>
</thead>
@*内容*@
<tbody id="tbd"></tbody>
</table>
</div>
</body>
2、ajax
<script>
//文档准备就绪函数
$(function () {
lists();
})
//显示信息
function lists() {
$.ajax({
url: "http://localhost:51071/api/User",
type: "get",
success: function (data) {
//清空tbd
$("#tbd").empty();
for (var item in data) {
//进行拼接
$("#tbd").append(
"<tr>" +
//依次获取各字段
"<th>" + data[item].Name + "</th>" +
"<th>" + data[item].RealName + "</th>" +
"<th>" + data[item].Telphone + "</th>" +
"<th>" + data[item].Pass + "</th>" +
"<th>" + data[item].Status + "</th>" +
"</tr>");
}
}
});
}
</script>
以上是关于ajax从服务器获取信息并拼接显示在table的主要内容，如果未能解决你的问题，请参考以下文章
codeigniter 从控制器返回获取数据以通过 Ajax 请求查看
利用jquery.ajax在jsp页面动态生成table，可以增加修改，并支持一行和多行删除