Maison > Java > javaDidacticiel > Comment parcourir le tableau Java passé à jsp

Comment parcourir le tableau Java passé à jsp

(*-*)浩
Libérer: 2020-09-16 13:31:33
original
4249 Les gens l'ont consulté

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.

Comment parcourir le tableau Java passé à 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":"####"}]
Copier après la connexion

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));
            }
        });
Copier après la connexion

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));
            }
        });
Copier après la connexion

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!

Étiquettes associées:
jsp
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal