jquery ajax像後臺action中傳遞數組

JQUERY AJAX 向後臺傳遞數組的情況。 一開始的想法是:直接 var array = new Array(), 然後在用 Ajax 提交的時候,把這個數組直接賦值給一個需要傳遞後臺的參數中。一切貌似順利成章。結果卻非這樣。

同樣有此疑問的朋友還有: http://www.iteye.com/problems/56240

原理? 所有傳向後臺的數組都需要轉換成字符串形式。 比如2個name信息 name=aaaa name =bbb
如果是GET 請求, 很好解決,則可以轉換成: http://localhost/xxx?name=aaa&name=bbb;
如果是POST請求,參數是不能直接寫成 param : {name=’aaa’, name=’bbb’}。 要是按照這樣的傳參,在後臺肯定只會取name=bbb的值了。該怎麼辦呢?我的解決方案是
後臺用List或是數組接收,前臺需要用js腳本將多個相同才參數如name,通過 “,” 分隔符組裝參數,形成以 “,” 的字符串,傳遞到後臺。舉例如下:

一下通過jquery ajax 和 spring3 mvc 展示:
1. html 元素

<input name="item" type="checkbox" value="2001" /> 支付
<input name="item" type="checkbox" value="2002" /> 查詢
<input name="item" type="checkbox" value="2003" /> 對賬
<input name="item" type="checkbox" value="2004" /> 提現

2. jquery 代碼

var info = "";
var items = $('[name = "item"]:checkbox:checked');

for (var i = 0; i < items.length; i++) {
     // 如果i+1等於選項長度則取值後添加空字符串,否則爲逗號
     info = (info + items.get(i).value) + (((i + 1)== items.length) ? '':',');
}

$.ajax({
   type : 'post',
   url: "addPartnerInfo.html",
   dataType:'text',
   data : {
           interface :  info
   },
   success: function(data){
           alert(data);
   }
});

java 代碼

@RequestMapping(value = "/addPartnerInfo", method = RequestMethod.POST)
public @ResponseBody String addPartnerInfo(String[] interface) {
    System.out.println(interface);
    return "ok";
}
發佈了56 篇原創文章 · 獲贊 14 · 訪問量 41萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章