JSP代码:
//设置Id post请求
<form id="ftId" method="post">
<td>
<input type="hidden" name="areaId" value="${area.areaId}">
<input type="text" name="areaName" style="text-align: center;width: 100px" value="${area.areaName}">
</td>
<td>
<input type="text" name="priority" style="text-align: center;width: 60px" value="${area.priority}">
</td>
</form>
Ajax代码
var dt = new FormData($("#ftId")[0]);//获取form表达的文件流
$.ajax({
url:updateUrl,//url
type:'post',//post请求
data:dt,
datatype:"json",
contentType: false,//关闭浏览器默认的编码格式,否则后端实体类接收失败
processData: false,
success:function(data){
console.log(data)
},
error: function (data) {
console.log(data);
}
})
SpringMVC 控制层
@PostMapping("/updateArea.do")
@ResponseBody
public Map<String, Object> updateArea(Area area) {
Map<String, Object> map = new HashMap<String, Object>();
System.out.println(area);
return map;
}
说明:
若需要上传图片:
1、在表单添加图片控件即可。
2、在后端控制层,添加接收参数即可:MultiparteFile file
注意:file问前端上传的图片name名字,若多张图片,则MultiparteFile为集合:应该使用MultiparteFile[]