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

摘要:
Jquery代码:˂scripttype=”tex

jquery代码:

<script type="text/javascript" src="http://t.zoukankan.com/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://t.zoukankan.com/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>

免责声明:文章转载自《通过jquery实现form表单提交后不跳转页面,保留当前页面》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C语言操作mysql2椭圆曲线密码学:有限域和离散对数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

asp.net core 系列 3 项目实战之:NetCore 的 Web 应用程序(参考自:Microsoft教程)

十年河东,十年河西,莫欺少年穷 学无止境,精益求精 概述:此教程介绍了生成 Razor Pages Web 应用的基础知识。具体分为如下部分 创建 Razor 页面 Web 应用 向 Razor 页面应用添加模型 基架(生成)Razor 页面 使用数据库 更新 Razor 页面 添加搜索 添加新字段 添加验证 首先,我们启用VS新建一个项目: 本篇主...

JavaEE系列之(二)commons-fileupload实现文件上传、下载

一、文件上传概述     实现Web开发中的文件上传功能,需要两步操作:     1、在Web页面中添加上传输入项 <form action="#" method="post" enctype="multipart/form-data"> <input type="file" name="file...

JS组件系列——封装自己的JS组件

前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件,我们该如何去做呢,别急,我们慢慢来看看过程。 一、扩展已经存在的组件 1、需求背景 很多时...

jquery中点击切换的实现

项目中经常会遇到一种情况,就是点击切换,比如点击按钮,div样式为1,再点击一下按钮,div样式为2,再点击一下按钮,div样式为1。需要自定义jQuery方法toggle。 //toggle方法 $.fn.toggle = function( fn, fn2 ) { let args = argument...

Jquery Easyui与Jquery Bootstrap的比较

1.easyui是js框架 ;bootstrap 是css框架 ,bootstrap = 样式库 + 一堆jQuery插件,顺便解释一句,如果你只需要bootstrap的样式,你完全不用引入jQuery和bootstrap的js文件。2.通常来看 bootstrap 适合做WEB前端、网站类项目,Bootstrap适用于多屏跨设备浏览;easyui适合做后...

JQuery 之 获取 radio选中值,select选中值

以下Jquery代码适query1.4版本以上。 Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $...