通过jquery实现form表单提交后不跳转页面，保留当前页面

jquery代码：

<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/jquery-form.js"></script>
<script type="text/javascript">
    // 用于form表单提交后不跳转
    function addBook() {
        $("#addBookForm").ajaxSubmit(function(message) {
        $("#tips").text(message);
            // console.log(decodeURI("传回数据："+message));
        });
        return false; 
    }
</script>

html代码：

<form id="addBookForm" action="../com/yh/myServlet/AddBookServlet"
    enctype="multipart/form-data" method="post"
    onsubmit="return addBook()">
    图书名:<input type="text" name="bookName"> <br /> 
    出版社:<input type="text" name="press"><br />
    <input type="submit" value="提交">
</form>

 

转载于:https://www.cnblogs.com/YeHuan/p/11327298.html