ajax傳遞數組、form表單提交對象數組

來源:互聯網
上載者:User

標籤:bsp   任務   rup   今天   表單   method   for   ext   set   

在JSP頁面開發中,我們常常會用到form表單做資料提交,由於以前一直只是使用form表單提交單個對象,只要表單文本域的name值和接收的對象的屬性名稱一致,那麼傳值就沒有什麼問題。不過,在前幾天的開發工作單位中,遇到了需要批量傳遞對象,也就是需要傳遞對象數組,在此做個總結。今天又遇到需要向後台傳遞數組,便一併寫下來吧。

1、ajax傳遞普通數組
前台代碼

 

var deleteNum= [];//定義要傳遞的數組deleteNum.push("1");deleteNum.push("2");deleteNum.push("3");//向數組中添加元素$.ajax({    type:"post",    url:"deleteNum.do",    data:{deleteNum:deleteNum},    traditional: true,//必須指定為true    success:function(data){        if(data.success){            deleteNum = [];        }    }});

 後台代碼

public ActionResult deleteNum(String[] deleteNum){        //這個時候已經得到了deleteNum數組值    return Json(new {status=1});}

 form表單提交自訂對象數組

<form id="form" name="form"  method="post">  <table>    <tr>      <td><input type="text" name="user[0].name"/></td>      <td><input type="text" name="user[0].password"/></td>    </tr>    <tr>      <td><input type="text" name="user[1].name"/></td>      <td><input type="text" name="user[1].password"/></td>    </tr>    <tr>      <td><input type="text" name="user[2].name"/></td>      <td><input type="text" name="user[2].password"/></td>    </tr>  </table></form>

 之後在form表單提交給後台時,需要先定義一個對象,當然,別忘了定義User對象,屬性為name,password,重點是下面這個用於接收form表單提交的對象數組,如果還有其他對象數組需要接收,那在這個類裡面再定義相應的ArrayList屬性即可。

/** * 類型描述 * 表單列表對象 用於接收form表單提交的對象數組 * @since  2016-2-25 * @author 古時一輪月 * */public class FormListObject {    private ArrayList<User> userlist;    public ArrayList<User> getUserlist() {        return userlist;    }    public void setUserlist(ArrayList<User> userlist) {        this.userlist= userlist;    }}

定義好該對象之後,在controller層接收就可以了

public AjaxResult saveOrUpdateUser(FormListObject list){    List<User> userlist = list.getUserlist(); //你會看到你想要的}

 轉自:http://blog.csdn.net/u014252157/article/details/50751302

ajax傳遞數組、form表單提交對象數組

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.