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中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jquery中each循环的简单回滚操作
May 05 jQuery
jQuery查找dom的几种方法效率详解
May 17 jQuery
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
jQuery实现计算器功能
Oct 19 jQuery
jQuery实现电梯导航模块
Dec 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 什么是PEAR?(第三篇)
2009/03/19 PHP
解析PayPal支付接口的PHP开发方式
2010/11/28 PHP
Linux下手动编译安装PHP扩展的例子分享
2014/07/15 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
用jquery ajax获取网站Alexa排名的代码
2009/12/12 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
2014/10/17 Javascript
js实现右下角提示框的方法
2015/02/03 Javascript
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
基于JavaScript实现div层跟随滚动条滑动
2016/01/12 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
深入学习AngularJS中数据的双向绑定机制
2016/03/04 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
js实现日历与定时器
2017/02/22 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
Python实现自动登录百度空间的方法
2017/06/10 Python
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
对python 读取线的shp文件实例详解
2018/12/22 Python
Python实现微信好友的数据分析
2019/12/16 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
运动会广播稿80字
2014/01/23 职场文书
毕业自我评价
2014/02/05 职场文书
励志演讲稿200字
2014/08/21 职场文书
捐款活动总结
2014/08/27 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技