编写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方法,可以获取表单提交,后台返回的数据!