应届狗的自我修养--ajax前台调用后台数据显示List篇

   本人2017届计算机专业应届毕业生，目前正在广州找工作，面临扑街的窘迫。。为什么写在博客上，因为我的帮助文档挂了，本来以写日记的方式写在帮助文档（easychm）上，但是今天突然的一发现前面写的记录全部都是空，我怕是活在梦里，下次要记得用什么软件时先摸清楚怎么保存的先。

   其实要我把日记方式的总结写在博客上我是拒绝的，但是一想反正也没人认识我，就算看了我的博客又怎么样呢，难道我无节操的事情还会被我爸妈知道，。

   首先声明这只是我每天的日记，想更深入的系统学习原理知识的，请亚马逊电子书，不喜勿喷。

   今天做了一个小玩意，ssh框架整合的web小玩具，今天写的是jsp页面上，利用ajax传递数据到后台，后台再返回一个json集合给jsp页面，然后再list数据遍历到页面上。

   项目：maven管理的ssh框架web app，前台是jquery,css,ajax,html的东西

上图:

简单说明一下用法：

$ajax就是jquery框架所支持的ajax写法，type是传递数据的方式，url是地址（struts2的配置文件上的地址，如果你配置了没有跳转，那就是struts2在默认上只会监听客户端跳转的地址，所以在web.xml上添加一下，下图）data是你需要传递的数据，datatype是从后台传递过来的数据类型（非常重要），async同步true异步false，success是成功到与后台交互后，所要执行的函数，function里面的data就是返回过来的数据。

后台：

ps:(我没有使用struts2框架的ajax方式而是用传统的servlet的方式来使后台传递数据给前台)

大部分你都可以不看，简单来说就是，request.getparameter来接收ajax传递过来的数据，response来获取writer（io）来输出数据到前台ajax里面（function(data)）就是这个data。至于为什么用gson（谷歌的json工具），是因为用json接收list<实体类>时，json的底层是hash的，得到的数据顺序会改变

例如：[{"id":0,"name":"zz240","age":21,"address":"广州番禺"}] 

使用json就是顺序不一定。[{"address":"广州番禺","age":21,"id":0",name":"zz240"}] 

最后前台收集数据list：

&.each是jquery的遍历方式，第一个data是后台返回的list集合，第二个item是list集合中的实体类，以字符串的方式添加到<table>里面。empty()是删除该元素中的所有子元素。

data:[{"id":0,"name":"zz240","age":21,"address":"广州番禺"}   ,   ..................] 

item:{"id":0,"name":"zz240","age":21,"address":"广州番禺"}

结束，最后来自广州应届求职狗的哀嚎。

第一：现在停电了2017/7/29，晚上30+的温度

第二：我还没洗澡

第三：我没女朋友

愿所有求职的朋友，如果你们真的喜欢编程，喜欢程序，那么坚持下去，应届求职狗与你同在。

欢迎各位指导交流。