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 06 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
简单实现jQuery轮播效果
Aug 18 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 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导出oracle库的php代码
2009/04/20 PHP
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
利用php-cli和任务计划实现刷新token功能的方法
2017/05/03 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
JavaScript的parseInt 进制问题
2009/05/07 Javascript
javascript权威指南 学习笔记之变量作用域分享
2011/09/28 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
Python之pymysql的使用小结
2019/07/01 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
大学毕业后的十年规划
2014/01/07 职场文书
九年级英语教学反思
2014/01/31 职场文书
团干部培训方案
2014/06/03 职场文书
教师演讲稿开场白
2014/08/25 职场文书
初三毕业评语
2014/12/26 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
php访问对象中的成员的实例方法
2021/11/17 PHP
Python内置数据类型中的集合详解
2022/03/18 Python
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis
详解Go语言中Get/Post请求测试
2022/06/01 Golang