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>
相关文章推荐
- JSON详解
- js里面的单引号和双引号的区别
- JSON.parse()和JSON.stringify()
- JavaScript词法分析
- javascript 没有块级作用域
- json数组与json字符串的相关问题(相互转换、解析json数据)
- js计算执行时间
- 普通数组转化为json数组
- JS代码判断IE6,IE7,IE8,IE9!
- 对json对象的增删改查
- js深拷贝和浅拷贝
- 页面打水印方法
- chrome jsonView插件安装
- js里的回调函数
- javascript检测对象中是否存在某个属性判断方法小结
- JavaScript类和模块
- JavaScript正则表达式下之相关方法
- javascript 访问对象属性
- javascript语法之Date对象与小案例
- js页面刷新的几种方法