博客

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