通過Ajax兩種方式講解Struts2接收數(shù)組表單的方法
使用struts2表單傳值，可以傳一個(gè)或者是作為一個(gè)對(duì)象的各個(gè)屬性傳，都非常靈活便捷。但是如果我們需要傳一個(gè)數(shù)組并希望struts正確接收，該怎么處理呢？
下面我將通過普通表單和ajax兩種方式講解。首先我們有如下一個(gè)實(shí)體,一個(gè)action和一個(gè)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ù)組，構(gòu)造表單隱藏域
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' />
傳單個(gè)屬性時(shí)，struts可以認(rèn)識(shí)，表示3個(gè)不同的student。但是傳兩個(gè)屬性就不行了，因?yàn)閟truts不知道組合。不推薦。
ajax形式——遍歷數(shù)組，構(gòu)造json對(duì)象
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
});
其實(shí)我們構(gòu)建了這樣一個(gè)json對(duì)象
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)容到此結(jié)束了，希望對(duì)大家有所幫助。
- 簡(jiǎn)單談?wù)凷truts動(dòng)態(tài)表單(DynamicForm)
- Struts2中接收表單數(shù)據(jù)的三種驅(qū)動(dòng)方式
- J2EE中的struts2表單細(xì)節(jié)處理
- 詳解struts2的token機(jī)制和cookie來防止表單重復(fù)提交
- Struts2中Action三種接收參數(shù)形式與簡(jiǎn)單的表單驗(yàn)證功能
- Java的Struts框架中登陸功能的實(shí)現(xiàn)和表單處理器的使用
- struts2中一個(gè)表單中提交多個(gè)請(qǐng)求的例子（多個(gè)提交按鈕）
- 基于Struts2實(shí)現(xiàn)防止表單重復(fù)提交
相關(guān)文章
jQuery Validator驗(yàn)證Ajax提交表單的方法和Ajax傳參的方法
這篇文章主要介紹了jQuery Validator驗(yàn)證Ajax提交表單的方法和Ajax傳參的方法，在文中還給大家提到了jquery .ajax提交表單的寫法，具體實(shí)例代碼大家參考下本文2017-08-08
解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問題
今天小編就為大家分享一篇解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JQuery的ajax的用法在asp中使用$.ajax()實(shí)現(xiàn)
ajax的出現(xiàn)解決了很多的疑難問題，同時(shí)帶來了很多的方便,本文講述一下JQuery的ajax的用法在asp中使用$.ajax()來表示，感興趣的朋友可以了解下，或許本文對(duì)你有所幫助2013-01-01
Ajax異步請(qǐng)求技術(shù)實(shí)例講解
ajax是一種在無需重新加載整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。下面通過本文給大家分享Ajax異步請(qǐng)求技術(shù)實(shí)例講解，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-08-08
AJAX簡(jiǎn)歷系統(tǒng)附j(luò)s文件
AJAX簡(jiǎn)歷系統(tǒng)附j(luò)s文件...2007-08-08
ajax快速解決參數(shù)過長(zhǎng)無法提交成功的問題
下面小編就為大家?guī)硪黄猘jax快速解決參數(shù)過長(zhǎng)無法提交成功的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
通過Ajax進(jìn)行Post提交Json數(shù)據(jù)的方法
下面小編就為大家分享一篇通過Ajax進(jìn)行Post提交Json數(shù)據(jù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
利用AJAX實(shí)現(xiàn)鼠標(biāo)懸浮獲取值的代碼
ajax實(shí)現(xiàn)將鼠標(biāo)放到圖標(biāo)上，下方會(huì)顯示和該圖有關(guān)的信息2009-12-12
這篇文章主要介紹了Ajax上傳文件進(jìn)度條Codular的相關(guān)資料,需要的朋友可以參考下2017-05-05
Ajax 對(duì)象 包含post和get兩種異步傳輸方式
Ajax對(duì)象接受一個(gè)對(duì)象字面量為參數(shù)，這個(gè)對(duì)象字面量中包含method，url，success，params，fail參數(shù)2009-07-07