jquery遍历从后台传过来的实体类list数组，并显示到jsp页面

一时失言乱红尘 2022-06-15 00:10 598阅读 0赞

今天在做一个小项目时，遇到了jquery遍历从后台传来的list数组问题，由于以前没有做过这方面的，就在网上查询了一下，做了如下总结：

一、后台传过来的数据格式如下

[{"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));
                }
            });