form表单submit提交后不跳转页面，且能捕获返回信息

原创于 2023-06-28 20:55:39 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #form

文章展示了如何利用jQueryForm插件处理表单提交，以避免页面跳转并能捕获服务器返回的信息。通过调用ajaxSubmit函数，可以在后台处理数据后执行回调函数，实现异步交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form id="submitForm" action="/xx/xxxx" enctype="multipart/form-data" method="post">
    姓名:<input type="text" name="name"> <br /> 
    年龄:<input type="text" name="age"><br />
</form>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery-form.js"></script>
<script type="text/javascript">
    // 正常直接form表单submit()提交，但是会跳转页面和不能捕获返回信息
    // 解决这个问题需要引用jquery-form.js插件
    function addBook() {
        $("#addBookForm").ajaxSubmit(function(msg) {
            //需要提交成功后的代码写在这里
            ...
        })
    }
    addBook()
</script>