通過Ajax兩種方式講解Struts2接收數(shù)組表單的方法
更新時間：2015年10月27日 15:05:43 投稿：mrr
使用struts2表單傳值，可以傳一個或者是作為一個對象的各個屬性傳，都非常靈活便捷。但是如果我們需要傳一個數(shù)組并希望struts正確接收，該怎么處理呢？接下來，通過本文給大家介紹通過Ajax兩種方式講解Struts2接收數(shù)組表單的方法，需要的朋友可以參考下
使用struts2表單傳值，可以傳一個或者是作為一個對象的各個屬性傳，都非常靈活便捷。但是如果我們需要傳一個數(shù)組并希望struts正確接收，該怎么處理呢？
下面我將通過普通表單和ajax兩種方式講解。首先我們有如下一個實體,一個action和一個jsp。
Student.java
public class Student
{
private String name;
private String num;
}
StudentAction.java
public class StudentAction extends ActionSupport
{
private List<Student> lstStu;
}
xy.jsp
<script type="text/javascript">
var stus = [];
stus.push({num:"1",name:"xy1"});
stus.push({num:"2",name:"xy2"});
stus.push({num:"3",name:"xy3"});
</script>
下面開始吧，以下代碼都是寫在xy.jsp的腳本區(qū)的。
普通表單形式——遍歷數(shù)組，構造表單隱藏域
var htmlContent = "";
for(var i=0;i<stus.length;i++){
htmlContent += "<input type='hidden' name='lstStu[" + i + "].name' value='" + stus[i].name + " ' />";
htmlContent += "<input type='hidden' name='lstStu[" + i + "].num' value='" + stus[i].num + " ' />";
}
特殊情況
<input type='hidden' name='lstStu.name' value='xy1' /> <input type='hidden' name='lstStu.name' value='xy2' /> <input type='hidden' name='lstStu.name' value='xy3' />
傳單個屬性時，struts可以認識，表示3個不同的student。但是傳兩個屬性就不行了，因為struts不知道組合。不推薦。
ajax形式——遍歷數(shù)組，構造json對象
var param = {};
for(var i=0;i<stus.length;i++){
param["lstStu[" + i + "].name"] = stus[i].name;
param["lstStu[" + i + "].num"] = stus[i].num;
}
$.ajax({
data:param
});
其實我們構建了這樣一個json對象
data:{
lstStu[0].num:"1",lstStu[0].name:"xy1",
lstStu[1].num:"2",lstStu[1].name:"xy2",
lstStu[2].num:"3",lstStu[0].name:"xy3"
}
有的人說，那直接把stus數(shù)組作為data傳到Action不是很方便？答案是不能這樣傳，這樣action接收不到或者說struts不知道怎么處理傳來的數(shù)組。
本文內(nèi)容到此結束了，希望對大家有所幫助。
相關文章
詳解ajax +jtemplate實現(xiàn)動態(tài)分頁
jtemplate是一個基于JQuery的模板引擎插件，功能非常強大，有了她你就再不用為使用JS綁定數(shù)據(jù)集而發(fā)愁了。本文給大家分享ajax +jtemplate實現(xiàn)動態(tài)分頁，需要的朋友可以參考下本文2015-09-09
jquery通過AJAX從后臺獲取信息并顯示在表格上的實現(xiàn)類
今天小編抽給時間把jquery通過AJAX從后臺獲取信息并顯示在表格上的實現(xiàn)類，單獨寫出來，這樣程序員，不需要每次寫代碼了，可以節(jié)省大量的時間，感興趣的朋友一起來看看吧2015-09-09
前端工程師將來打交道最多的是Http API接口,此種接口會提供一個URL地址暴露在互聯(lián)網(wǎng)上,可以通過編寫Ajax代碼去與之交互來完成功能,下面這篇文章主要給大家介紹了關于ajax接口文檔url路徑簡寫的相關資料,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了解決ajax返回驗證的時候總是彈出error錯誤的方法，感興趣的小伙伴們可以參考一下2016-01-01
下面小編就為大家?guī)硪黄赿om4j中使用XPath的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
Ajax請求過程中下載文件在FireFox(火狐)瀏覽器下的兼容問題
最近做了個項目，其中有項目需求是這樣的，點擊一個文件鏈接下載該文件，同時向后臺發(fā)送請求，在開發(fā)過程中問題百出，小編把問題總結分享在腳本之家平臺，供大家參考2016-01-01
Ajax不用說，每個做web開發(fā)的同志都知道，因為它是學習web開發(fā)必經(jīng)之路，不管你是做asp.net，還是javaWeb，還是PHP2012-03-03
javascript ajax功能函數(shù)，沒用過的朋友看看代碼，應該會有點收獲。2009-12-12
IE下jquery ajax無法獲得最新數(shù)據(jù)的問題解決(IE緩存)
利用ajax查詢數(shù)據(jù)，在谷歌瀏覽器下可以獲取到最新數(shù)據(jù)，而在IE中獲得是舊數(shù)據(jù)，無法獲得最新的數(shù)據(jù)，經(jīng)查資料，才發(fā)現(xiàn)時IE緩存再作怪2013-08-08
Ajax請求成功后return無法接收到返回值的問題及解決方案
項目中需要頻繁的用到ajax請求,所以就想用一個方法將整個請求封裝起來,直接調(diào)用方法傳遞參數(shù),然后返回請求結果就可以了,這篇文章主要介紹了ajax請求成功后return無法接收到返回值,需要的朋友可以參考下2023-10-10