AJAX如何异步提交form表单

AJAX如何异步提交form表单

---

一、提交的form表单如下：

<form id="commentform" th:action="@{/html/homework/save/comment}" method="post" th:object="${comment}">
    <input type="hidden" th:field="*{id}">
    <input type="hidden" th:field="*{commentType}">
    <input type="hidden" th:field="*{sysHomeworkId}">
    <input type="hidden" th:field="*{operator}">
    <textarea class="context" id="context2" placeholder="请在这里留下你的评论" th:field="*{content}"></textarea>
    <input type="hidden" id="audioDuration" name="audioDuration" th:field="*{audio}">
</form>

二、发送异步请求提交form：

     使用 serialize()  将表单数据序列化；

$.ajax({
    url:'/html/homework/save/comment',
    data:$('#commentform').serialize(),    //将表单数据序列化，格式为name=value
    type:'POST',
    dataType:'json',
    success:function(data){
        console.log(data,'评论成功');
    },
    error:function(){
        console.log(data,'评论失败');
    },
});

PS：“ th:  ”的语法是用Thymeleaf 的语法来写的，想了解的可以点击以下链接查看：Thymeleaf 学习笔记