jQuery.form.js的使用详解
面临问题: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.form.js框架实现文件上传功能案例解析(springmvc)
- 使用jQuery.form.js/springmvc框架实现文件上传功能
- Struts2+jquery.form.js实现图片与文件上传的方法
- 使用jquery.form.js实现图片上传的方法
- jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
- 基于jQuery通过jQuery.form.js插件实现异步上传
- jquery.form.js实现将form提交转为ajax方式提交的方法
- jquery.form.js用法之清空form的方法
- 解决3.01版的jquery.form.js中文乱码问题的解决方法
相关文章
jQuery mobile转换url地址及获取url中目录部分的方法
这篇文章主要介绍了jQuery mobile转换url地址及获取url中目录部分的方法,转换url地址本文中介绍的是将相对url转化为绝对url,需要的朋友可以参考下2015-12-12jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
这篇文章主要介绍了jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果,涉及jQuery响应鼠标事件操作页面元素动画效果的实现技巧,需要的朋友可以参考下2015-09-09jQuery Validate表单验证插件的基本使用方法及功能拓展
这篇文章主要介绍了jQuery Validate表单验证插件的基本使用方法及功能拓展的相关资料,本文给大家介绍的非常详细,需要的朋友可以参考下2017-01-01Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
下面小编就为大家带来一篇Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论