java数组传给jsp怎么遍历

java数组传给jsp怎么遍历,第1张

java数组传给jsp怎么遍历

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怎么遍历的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/688165.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-21
下一篇 2022-04-21

发表评论

登录后才能评论

评论列表(0条)

保存