ajax從JSP傳遞物件陣列到後臺
ajax從JSP傳遞物件陣列到後臺
轉載:https://blog.csdn.net/ruoxuan25/article/details/77530928
JSP:
function addAccount(){
debugger;
var html = '';
var ary = $("#match_account").find("p");
var _list = new Array();
if(ary.length){
for(var i = 0,len = ary.length;i < len;i ++){
var account = new Object();
html += '<li class="fl mb8" data-id="'+ary[i].id+'" data-sort="0">';
html += '<span class="mr8 display-ib" style="background:#eee;padding:0px 5px 6px 5px">';
html += '<span data-id="">'+ary[i].innerHTML+'</span>';
html += '<a onclick="deleteAccount(this);" href="javascript:;" class="js-btn-remove-tag ml4" style="vertical-align:5px;color:#999;" title="刪除">x</a>';
html += '</span>';
html += '</li>';
account.accountId = ary[i].id;
account.account = ary[i].innerHTML;
_list.push(account);
}
$.ajax({
type: "post",
url: "${ctx}/companyAccount/addContributeAccounts",
data : {list : JSON.stringify(_list)},
async: false,
success: function (json) {
var result = json.obj.result;
if(result != 1){
layer.error('新增賬號失敗.');
}
}
});
}
$("#contribute_account").append(html);
}
關鍵之處有三:
一,定義陣列
var _list = new Array();
二,定義物件,並迭代新增物件屬性,最後push進陣列
var account = new Object();
account.accountId = ary[i].id;
account.account = ary[i].innerHTML;
_list.push(account);
三,提交時轉換陣列物件
data : {list : JSON.stringify(_list)}
後臺java:
/**
* 新增投稿賬號
*/
@RequestMapping(value = "addContributeAccounts")
@ResponseBody
public JsonResult addContributeAccounts(String list) {
JSONArray ary = JSONArray.fromObject(list);
if(ary != null && ary.size() > 0){
List<RegionContributeAccount> accountList = (List<RegionContributeAccount>)JSONArray.toCollection(ary,
RegionContributeAccount.class);
for(RegionContributeAccount account : accountList){
companyAccountService.insertContributeAccount(account);
}
}
Map<String, Object> obj = new HashMap<String, Object>();
obj.put("result", 1);
return JsonResult.success(obj);
}
後臺要點有二,
一,轉換ary陣列
JSONArray ary = JSONArray.fromObject(list);
二,陣列轉自定義java物件
List<RegionContributeAccount> accountList = (List<RegionContributeAccount>)JSONArray.toCollection(ary,
RegionContributeAccount.class);
相關文章
- Ajax傳遞陣列 (PHP後臺接收)陣列PHP
- 後臺接受ajax傳遞值的例項程式碼
- Java後臺接收前端傳遞的陣列物件引數的處理Java前端陣列物件
- JSP向後臺傳遞引數的四種方式JS
- jquery ajax post 傳遞陣列 ,多checkbox 取值jQuery陣列
- 如何在JSP頁面中傳遞類物件JS物件
- 解決SpringBoot在後臺接收前臺傳遞物件方式Spring Boot物件
- Java 從陣列來看值傳遞和引用傳遞Java陣列
- 給vue元件傳遞物件或是陣列Vue元件物件陣列
- 從陣列到HashMap之演算法解釋陣列HashMap演算法
- Js傳遞陣列引數到後臺controller的方式JS陣列Controller
- 使用JDom從Java後臺給Flex前端傳遞xml資料JavaFlex前端XML
- JavaScript從反轉陣列到連結串列反轉JavaScript陣列
- 如何在前臺指令碼通過json傳遞資料到後臺(使用微軟自帶的ajax)指令碼JSON微軟
- 物件鎖:傳遞物件鎖物件
- html、php和js值的傳遞(使用ajax進行傳遞)HTMLPHPJS
- 使用Intent傳遞物件Intent物件
- php url傳遞陣列PHP陣列
- json資料url傳遞到php後臺JSONPHP
- AXIS - 傳遞自定義物件物件
- jquery的ajax的資料傳遞詳解jQuery
- PHP中物件的引用傳遞PHP物件
- Android Fragment 間物件傳遞AndroidFragment物件
- 利用FormData物件實現AJAX檔案上傳功能及後端實現ORM物件後端
- ajax上傳陣列物件,spring mvc接收不成功的解決辦法陣列物件SpringMVC
- ajax傳遞引數給springmvc總結[轉]SpringMVC
- ajax傳遞的引數值包含單引號
- javascript和php使用ajax通訊傳遞JSONJavaScriptPHPJSON
- Ajax請求後臺資料
- Android intent傳遞list或物件AndroidIntent物件
- 2、JSP實現資料傳遞和儲存JS
- Java 陣列到 HashMap 之演算法解釋Java陣列HashMap演算法
- JSP頁面根據後臺傳值不同顯示不同內容JS
- 傳遞自動化字串陣列 (轉)字串陣列
- 系統許可權傳遞和物件許可權傳遞的測試物件
- Ajax使用jQuery與後臺互動jQuery
- Android 通過 Intent 傳遞類物件AndroidIntent物件
- jQuery與後臺語言通過json格式傳遞資料jQueryJSON