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

你可能感兴趣的:(HTML提交form表单后获取返回的数据)