Jquery.form.js的使用
来源:互联网 发布:中国软件服务市场 编辑:程序博客网 时间:2024/05/21 17:30
面临问题:form表单submit之后,后端会返回提示信息。但原生html无法获取后端返回的数据,就造成了这样一种局面:提交之后,页面发生跳转,在一个空白页面上显示了后端返回的json数据,用户体验0分。
解决办法:使用jquery.form.js
步骤
- 自定义控制提交函数
var submitChange=function () { $("form").ajaxSubmit(function (message) { alert(message.text); window.location.href="/index"; }); 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>
阅读全文
0 0
- Jquery.form.js的使用
- jquery.form.js使用
- jQuery.form.js使用
- jQuery.form.js使用
- jQuery.form.js使用
- 使用jquery.form.js
- jQuery.form.js使用
- jquery.form.js的ajaxSubmit使用
- jquery表单插件jquery.form.js的使用介绍
- jquery.form.js使用实例
- Jquery.Form的使用
- jQuery.Form.js 的用法
- 关于使用jQuery-form.js上传文件的注意事项
- 使用 jquery.form.js插件上传带有附件的表单
- Jquery的表单插件 jquery.form.js
- jQuery的Form插件jquery.form.js的简单入门
- 使用JQuery.js & JQuery.form.js 插件完成对StrutsAction的异步请求,返回JSON数据
- 使用jquery-form.js提交表单
- cocos2d-x3.8骨骼动画加载
- sublime text 3 配置Python编译器
- mmap--最简单的测试程序(用户空间与内核空间数据交换&&用户态和内核态的数据交换用例)
- 170613 逆向-CrackMe之023
- Ubuntu 下deb包的安装方法
- Jquery.form.js的使用
- Ubuntu16.04下安装网易云
- 全功能的自绘菜单BCmenu类
- 二叉树层次遍历
- 关于angular-webSQL的使用
- mac Tomacat 安装步骤
- Python 数组[],元组(),字典{}的异同
- 求期望方差
- java中的队列