<!--form表单-->
<form id="formData">
<input type="hidden" name="uid" id="uid" th:value="${user.uid}">
<div class="form-group">
<label for="username">用户名</label>
<input type="text" class="form-control" name="username" id="username" disabled="disabled" th:value="${user.username}" />
</div>
<div class="form-group">
<label for="name">昵称</label>
<input type="text" class="form-control" name="name" id="name" placeholder="输入您的昵称" th:value="${user.name}">
</div>
<div class="form-group">
<label for="email">邮箱</label>
<input type="email" class="form-control" name="email" id="email" aria-describedby="emailHelp" placeholder="请输入正确的邮箱地址" th:value="${user.email}">
<small id="emailHelp" class="form-text text-muted">请保证您填写的邮箱地址是正确的。</small>
</div>
<div class="form-group">
<label for="remarks">简介</label>
<textarea class="form-control" name="remarks" id="remarks" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary" onclick="submit1()">保存</button>
</form>
<!--js-->
function submit1(){
var formObject = {};
var formArray =$("#formData").serializeArray();
$.each(formArray,function(i,item){
formObject[item.name] = item.value;
});
console.log(JSON.stringify(formObject));
$.ajax({
type: "POST",
dataType: "json",
url: '/update',
contentType:'application/json;charset=utf-8',
data: JSON.stringify(formObject),
success:function(){
console.log('ok');
}
});
}
//ajax以json数据提交表单,后端接收形式为@RequestBody
public String update(@RequestBody SysUser sysUser){
}