Comment parcourir le tableau Java passé à jsp

La méthode de transmission du tableau Java à jsp pour implémenter la traversée : utilisez d'abord l'Ajax de Jquery pour interagir avec les données ; puis retirez les données du tableau Java et utilisez [$.each()] ou la boucle for pour parcourir ; enfin, placez les données dans Affichez simplement l'emplacement spécifié dans la page JSP.

Quand je travaillais sur un petit projet aujourd'hui, j'ai rencontré le problème de parcourir le tableau de listes transmis depuis l'arrière-plan. Comme je n'ai jamais fait cela auparavant, Je viens de le trouver en ligne. Après vérification,

Ici, nous utilisons Jquery pour parcourir le tableau, car Jquery est plus simple que l'écriture en js.

Cours recommandé : Tutoriel Java.

a fait le résumé suivant :

1. Le format des données transmises depuis l'arrière-plan est le suivant :

 [{"askId":7,"timestart":"2017/05/11","timeend":"2017/05/14","askType":"事假","studentPhone":"18131371836","askReason":"哈哈哈","yearClass":"###","studentName":"####"}]

2 Il existe deux manières principales de parcourir un tableau dans jqury

La première façon de parcourir un tableau et de l'afficher sur la première page est :

$(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));
            }
        });

La deuxième méthode pour parcourir le tableau et l'afficher sur la première page est :

$(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));
            }
        });

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!