对于json数据的遍历有以下两种方式

   var person = {"name": "张三", age: 23, 'gender': true};var ps = [{"name": "张三", "age": 23, "gender": true},{"name": "李四", "age": 24, "gender": true},{"name": "王五", "age": 25, "gender": false}];//获取person对象中所有的键和值//for in 循环for(var key in person){//这样的方式获取不行。因为相当于  person."name"//alert(key + ":" + person.key);alert(key+":"+person[key]);}//获取ps中的所有值for (var i = 0; i < ps.length; i++) {var p = ps[i];for(var key in p){alert(key+":"+p[key]);}}

在这里我就使用第一种方式

步骤:

创建一个servlet，,用于将要list发送到前台页面中（这里的list我是读取数据库中的数据，Application是一个对象类，里面包含了name,mian等属性）

 @WebServlet("/getAllServlet")
public class getAllServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("utf-8");UserDaoImpl dao = new UserDaoImpl();List<Application> list = dao.apply_list();System.out.println(list);ObjectMapper mapper = new ObjectMapper();response.setContentType("application/json;charset=utf-8");mapper.writeValue(response.getOutputStream(),list);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
}

在前台创建一个html文件，并通过ajax的get方法来接受servlet发送的list集合，并进行遍历读取并显示在页面上

 <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>显示</title><script src="js/jquery-2.1.0.min.js"></script><script>$(function () {$.get("getAllServlet",{},function (data) {var i=1;for(var list in data){$("#"+i+"_div").html(data[list].main);$("#"+i+"_span").html(data[list].name);i++;}})})</script>
</head>
<body><span id="1_span"></span><div id="1_div"></div><hr><span id="2_span"></span><div id="2_div"></div><hr><span id="3_span"></span><div id="3_div"></div>
</body>
</html>

结果显示页面如下

其中我设置List集合基本内容是:
[Application{id=1, name=‘张三’, main=‘软件工程’}, Application{id=21, name=‘王五’, main=‘计算机科学与技术’}, Application{id=22, name=‘赵六’, main=‘金融学’,}]

Ajax中获取Json的list集合后进行遍历读取并显示的实例相关推荐

jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
jquery通过ajax方法获取json数据不执行success
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
jsp java json解析,jsp中获取json字符串，并解析
JqueryDemo1 function showData() { var str='{ "name": "John" }';//json标准格式 var ob ...
jquery ajax 不执行success,jQuery通过ajax方法获取json数据不执行success的原因及解决方法...
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
$.ajax返回的JSON格式的数据后无法执行success的解决方法
$.ajax返回的JSON格式的数据后无法执行success的解决方法参考文章: (1)$.ajax返回的JSON格式的数据后无法执行success的解决方法 (2)https://www.cnbl ...
【Android 逆向】修改 Android 系统文件 ( Android 逆向中需要经常修改的文件和目录 | 在 root 后的设备中获取 / 目录的 rw 权限后注意事项 )
文章目录一.Android 逆向中需要经常修改的文件和目录二.在 root 后的设备中获取 / 目录的 rw 权限后注意事项 1.不要随意执行 wipe 命令 2.不要随意执行 rm 命令一.A ...
Ajax中的JSON
Ajax中的JSON 构建JSON格式数据 <!DOCTYPE html> <html lang="en"><head><meta cha ...
pyhton 从web获取json数据保存到本地然后再读取
从web中获取json数据直接进行处理总认为太慢.主要是从web中获取获取数据的过程有点慢. 所以就在想假设先利用空暇时间把json数据获取并保存到本地,然后再从本地文件里读取和操作.应该就要快非常 ...
dojo从asp.net中获取json数据
搞来有搞去终于有了个结果,主要是一开始犯了一些低级错误. 对于json不太了解的童鞋,可以看看这个:http://www.dreamdu.com/blog/2008/10/19/json_in_jav ...

Ajax中获取Json的list集合后进行遍历读取并显示的实例

步骤:

Ajax中获取Json的list集合后进行遍历读取并显示的实例相关推荐

最新文章

热门文章