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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM