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