java陣列傳給jsp實作遍歷的方法:首先使用Jquery的Ajax進行資料的互動;然後將Java陣列資料取出使用【$.each()】或for迴圈遍歷;最後將資料放入JSP頁面中的指定位置,顯示出來即可。
今天在做一個小專案時,遇到了遍歷從後台傳來的list數組問題,由於以前沒有做過這方面的,就在網上查詢了一下,
這裡我們使用Jquery來進行遍歷數組,因為Jquery較與js寫法要更加的簡單。
推薦課程:Java教學。
做如下總結:
## 一、後台傳過來的資料格式如下:
[{"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)); } });
以上是java數組傳給jsp怎麼遍歷的詳細內容。更多資訊請關注PHP中文網其他相關文章!