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

最新推荐文章于 2023-08-25 22:23:42 发布

mm_hello11

最新推荐文章于 2023-08-25 22:23:42 发布

阅读量1.1k

点赞数

文章标签： js form

本文链接：https://blog.csdn.net/mm_hello11/article/details/131444787

版权

<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>