java数组传给jsp实现遍历的方法:首先使用Jquery的Ajax进行数据的交互;然后将Java数组数据取出使用【$.each()】或for循环遍历;最后将数据放入JSP页面中的指定位置,显示出来即可。
今天在做一个小项目时,遇到了遍历从后台传来的list数组问题,由于以前没有做过这方面的,就在网上查询了一下,
这里我们使用Jquery来进行遍历数组,因为Jquery较与js写法要更加的简单。
推荐课程:Java教程。
做了如下总结:
一、后台传过来的数据格式如下:
[{"askId":7,"timestart":"2017/05/11","timeend":"2017/05/14","askType":"事假","studentPhone":"18131371836","askReason":"哈哈哈","yearClass":"###","studentName":"####"}]
二、jqury遍历数组的的方法主要有两种
第一种遍历数组并且显示到前台页面的方法是:
$(document).ready(function(){ $.ajax({ url:'headTeacherCheckStudentAsk.html?wechat=weixin', ansyc:'false', type:'Post', dataType:'json', success:function(data){ alert(data); //注意:当data是json字符串时,需要将data转化成json对象 for(var i=0;i<data.length;i++){ //访问每一个的属性,根据属性拿到值 alert(data[i].studentName); //将拿到的值显示到jsp页面 $('#studentName').val(data[i].studentName); } }, error: function (data) { alert("error:" + JSON.stringify(data)); } });
第二种遍历数组并且是、显示到前台页面的方法是:
$(document).ready(function(){ $.ajax({ url:'headTeacherCheckStudentAsk.html?wechat=weixin', ansyc:'false', type:'Post', /* data:StudentWechatAsk, */ dataType:'json', success:function(data){ alert(data); //注意:当data是json字符串时,需要将data转化成json对象 $.each(data, function (i, item) { //访问每一个的属性,根据属性拿到值 alert(item.studentName); //将拿到的值显示到jsp页面 $('#studentName').val(item.studentName); }); }, error: function (data) { alert("error:" + JSON.stringify(data)); } });
以上就是java数组传给jsp怎么遍历的详细内容,更多请关注php中文网其它相关文章!
已抢185984个
抢已抢67022个
抢已抢352431个
抢已抢666283个
抢已抢120851个
抢已抢21275个
抢