应届狗的自我修养--ajax前台调用后台数据显示List篇
来源:互联网 发布:数据泄密 编辑:程序博客网 时间:2024/06/16 11:49
本人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+的温度
第二:我还没洗澡
第三:我没女朋友
愿所有求职的朋友,如果你们真的喜欢编程,喜欢程序,那么坚持下去,应届求职狗与你同在。
欢迎各位指导交流。
- 应届狗的自我修养--ajax前台调用后台数据显示List篇
- 应届狗的自我修养--unix文件系统学习篇
- ajax前台与后台的数据交互
- 【AJAX】前台与后台的数据传递
- 前台显示后台数据
- ajax 获取后台数据显示list
- ajax后台调用前台方法
- ajax 前台后台传输数据
- ASP.NET前台AJAX方法调用后台的方法写法
- 前台jquery+ajax向后台请求数据,后台返回json,前台显示
- 产品狗的自我修养
- 后台返回前台list,前台ajax接收后遍历的方法
- 一个数据分析师的自我修养
- 论一枚数据科学家的自我修养
- ajax 前台js调用后台方法
- ajax 前台js调用后台方法
- ajax 前台js调用后台方法
- ajax 前台js调用后台方法
- HDU-2601-An easy problem
- 后缀子串排序
- 各种进制转换
- poj1190(dfs+剪枝)生日蛋糕
- @ResponseBody
- 应届狗的自我修养--ajax前台调用后台数据显示List篇
- CSUACM月赛1972
- ToLua学习笔记,通信(一)
- Spring MVC
- POJ 2139 Six Degrees of Cowvin Bacon Floyd最短路
- 守护进程
- 不要让异常跑出析构函数
- Javascript错误处理——try...catch
- 湖南多校对抗赛(2015.4.6)C