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树插件zTree使用方法详解
May 02 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
jquery+css实现下拉列表功能
Sep 03 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
jquery学习笔记之无new构建详解
Dec 07 jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
jQuery实现高级检索功能
May 28 jQuery
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 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开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
实例讲解PHP表单
2020/06/10 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
js onload事件不起作用示例分析
2013/10/09 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
javascript密码强度校验代码(两种方法)
2015/08/10 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
简单的React SSR服务器渲染实现
2018/12/11 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
JS继承实现方法及优缺点详解
2020/09/02 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
Python3实现的腾讯微博自动发帖小工具
2013/11/11 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
python定位xpath 节点位置的方法
2019/08/27 Python
Python中使用filter过滤列表的一个小技巧分享
2020/05/02 Python
如何将json数据转换为python数据
2020/09/04 Python
CSS3中的Media Queries学习笔记
2016/05/23 HTML / CSS
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
营业员实习自我鉴定
2013/12/07 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
庆祝国庆节标语
2014/10/09 职场文书
初中生考试作弊检讨书
2014/12/14 职场文书
关于flex 上下文中自动 margin的问题(完整例子)
2021/05/20 HTML / CSS