前端部分:
有一个n行两列table,第一列是键,第二列是值
<table id="tb1">
<tr>
<td><input type="text" value="key1"></td>
<td><input type="text" value="value1"></td>
</tr>
<tr>
<td><input type="text" value="key2"></td>
<td><input type="text" value="value2"></td>
</tr>
...
<tr>
<td><input type="text" value="key3"></td>
<td><input type="text" value="value3"></td>
</tr>
</table>
<button οnclick="getMap()">
有一个按钮绑定了一个点击事件,获取处理table的值后传到后台
function getMap(){
//将每一行的键值循环添加到Map中
var map = {};
$("#tb1 tr").each(function(i){
var key = $(this).children("td").eq(0).children().val();
var value = $(this).children("td").eq(1).children().val();
map[key] = value;
});
//将map转成json格式的字符串
var str = JSON.stringify(map);
//将得到的str传到后台
jQuery.ajax({
url : "<%=basePath%>/controllerName/functionName",
type : "post",
dataType : "json",
data : {str:str},
success : function() {},
});
}
后台部分:
String str = req.getParameter("str");
Map<String, String> parameterMap = (Map<String, String>) JSON.parse(str);