这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
本文使用 jquery.form.js 解决提交之后,页面发生跳转,在一个空白页面上显示了后端返回的 json 数据问题,需要的朋友参考下
面临问题: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 的使用详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0815/338681.html