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

时间:2024-01-22 08:49:26

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>