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 23 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
jQuery实现朋友圈查看图片
Sep 11 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
?生?D片??C字串
2006/12/06 PHP
Laravel第三方包报class not found的解决方法
2019/10/13 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
Jquery插件之多图片异步上传
2010/10/20 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
vue.js将时间戳转化为日期格式的实现代码
2018/06/05 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python实现ssh批量登录并执行命令
2016/10/25 Python
python中快速进行多个字符替换的方法小结
2016/12/15 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
Django配置跨域并开发测试接口
2020/11/04 Python
python通过cython加密代码
2020/12/11 Python
顶级宝石首饰网络零售商:Angara
2016/10/25 全球购物
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
机电一体化毕业生求职信
2013/11/02 职场文书
年会搞笑主持词
2014/03/27 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
学生考试舞弊检讨书
2015/01/01 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
《学会看病》教学反思
2016/02/17 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
MySQL RC事务隔离的实现
2022/03/31 MySQL
使用Apache Camel表达REST服务的方法
2022/06/10 Servers