您的位置: 首页 > IT文章 > HTML提交form表单后获取返回的数据

HTML提交form表单后获取返回的数据

分类: IT文章 • 2024-01-18 09:18:37

编写form表单

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