直接獲取form表單所有資料傳送到後臺
阿新 • • 發佈:2018-12-01
form表單程式碼
<form action="${pageContext.request.contextPath}/user/updateUser" method="post" id="updateForm"> <p>使用者名稱:<input name="username"/></p> <p>電話:<input name="iphone"/></p> <p>郵箱:<input name="qq"/></p> <p>備註資訊:<input name="remarks"/></p> </form>
js程式碼,只要獲取到from表單,呼叫一個方法就會返回from表單裡的所有資料的json串,json的key就是input框的name值,然後後臺直接拿實體類接收就可以了.
<script> $("#updateButton").click(function () { var userData = $("#updateForm").serialize(); //看對了 serialize() 不是se() $.ajax({ url:"", data:userData, datatype:"json", type:"post", success:function(data){ }, error:function () { alert("修改失敗") } }) })
</script>