jQuery.form.js的使用详解


Posted in jQuery onJune 14, 2017

面临问题:form表单submit之后,后端会返回提示信息。但原生html无法获取后端返回的数据,就造成了这样一种局面:提交之后,页面发生跳转,在一个空白页面上显示了后端返回的json数据,用户体验0分。

解决办法:使用jquery.form.js

步骤

自定义控制提交函数 

var submitChange=function () {
    $("form").ajaxSubmit(function (message) {
      alert(message.text);
      window.location.href="/index" rel="external nofollow" ;
    });
    return false;
  }
  //这个函数一是处理了后端返回的数据,二是返回了一个false,阻断了原生submit事件的发生。

改造form表单(添加onsubmit事件,返回自定义处理函数)

<form action="/do" onsubmit="return submitChange();">
</form>

最后

注意要把Js文件引入哦!

比如:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.1/jquery.form.min.js" integrity="sha384-tIwI8+qJdZBtYYCKwRkjxBGQVZS3gGozr3CtI+5JF/oL1JmPEHzCEnIKbDbLTCer" crossorigin="anonymous"></script>

以上所述是小编给大家介绍的jQuery.form.js的使用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
JQuery实现定时刷新功能代码
May 09 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 #jQuery
jquery+css实现侧边导航栏效果
Jun 12 #jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 #jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 #jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 #jQuery
jquery与js实现全选功能的区别
Jun 11 #jQuery
jQuery 表单序列化实例代码
Jun 11 #jQuery
You might like
强烈推荐:php.ini中文版(1)
2006/10/09 PHP
不用数据库的多用户文件自由上传投票系统(3)
2006/10/09 PHP
PHP取余函数介绍MOD(x,y)与x%y
2014/05/15 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
PHP生成树的方法
2015/07/28 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
jQuery 事件的命名空间简单了解
2013/11/22 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
JavaScript三元运算符的多种使用技巧
2015/04/16 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
webpack-dev-server自动更新页面方法
2018/02/22 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
微信小程序之swiper滑动面板用法示例
2018/12/04 Javascript
详解js获取video任意时间的画面截图
2019/04/17 Javascript
详解Vue项目中实现锚点定位
2019/04/24 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
python实现弹跳小球
2019/05/13 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
python实现启动一个外部程序,并且不阻塞当前进程
2020/12/05 Python
python多线程爬取西刺代理的示例代码
2021/01/30 Python
IBatis持久层技术
2016/07/18 面试题
实习自我鉴定范文
2013/10/30 职场文书
应届毕业生求职信范文分享
2013/12/26 职场文书
办公室经理岗位职责
2014/01/01 职场文书
《长城和运河》教学反思
2014/04/14 职场文书
信用卡工资证明格式
2014/09/13 职场文书
2014年城管工作总结
2014/11/20 职场文书
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
2014年小学少先队工作总结
2014/12/18 职场文书
大学班干部竞选稿
2015/11/20 职场文书
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python