How to pass the java array to jsp to implement traversal: first use Jquery's Ajax to interact with the data; then take out the Java array data and use [$.each()] or for loop to traverse; finally put the data into Just display the specified location in the JSP page.
#When I was working on a small project today, I encountered the problem of traversing the list array transmitted from the background. Since I have never done this before, I just found it online. After checking,
Here we use Jquery to traverse the array, because Jquery is simpler than js writing.
Recommended course: Java Tutorial.
made the following summary:
1. The data format transmitted from the background is as follows:
[{"askId":7,"timestart":"2017/05/11","timeend":"2017/05/14","askType":"事假","studentPhone":"18131371836","askReason":"哈哈哈","yearClass":"###","studentName":"####"}]
2 There are two main ways to traverse an array in jqury
The first way to traverse an array and display it to the front page is:
$(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)); } });
The second method of traversing the array and displaying it on the front page is:
$(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)); } });
The above is the detailed content of How to traverse the java array passed to jsp. For more information, please follow other related articles on the PHP Chinese website!