您的位置:首页 > Web前端 > JavaScript

js循环json字符串

2016-05-23 11:11 471 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户列表</title>
<meta charset="utf-8" />
<script src="../Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function () {
loadData();
})

function btnSeacher_click() {
loadData();
}
function loadData() {
var url = "/api/UserInfo";
$.getJSON(url, function (data) {
if (data) {
var strdata = "<tr><td>ID</td><td>UserName</td><td>UserPassWord</td></tr>";
$.each(data, function (i, item) {
strdata = strdata + "<tr><td>" + item.iD + "</td><td>" + item.userName + "</td><td>" + item.userPassWord + "</td></tr>"
});
$("#listUserInfo").html(strdata);
}
});
}
</script>
</head>
<body>
<a href="../Index.html">主页</a>
<input type="button" value="刷新" onclick="btnSeacher_click();" />
<table id="listUserInfo" border="1" style="border-collapse:collapse; border-color:#000000"></table>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: