HTML提交form表單后獲取返回的數據

編寫form表單

<form id="student-import-form" class="form-group"  method="post" action="xxx">
<input type="text">

<input type="submit" class="btn btn-primary" value="提交"/>
</form>

當用戶點擊按鈕時就會自動提交表單到后台處理，若此時想拿到后台返回的數據，則需要引入jquery-form.js包
點擊前往下載地址

編寫js

$(function () {
    $('#student-import-form').ajaxForm(function (data) {
        if (data.status === "fail") {
            alert(data.reason)
        } else {
            alert("xxx！");
            window.location.reload()
        }
    })
})

如上圖，jquery-form.js為jquery的選擇器的原型鏈添加了ajaxForm方法，可以獲取表單提交，后台返回的數據！