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

  • Post author:
  • Post category:其他


今天在做一个小项目时,遇到了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));
            }
        });



版权声明:本文为you18131371836原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。