添加个js让表单提交不用刷新

元之本学习zblog2020-02-02 14:48:211370

正在情况下,提交表单都会刷新页面,普通的表单来说没什么,但是如果主题或者插件配置项很多的话,新用户第一次用,难免需要很多的配置,每次保存后,测试查看效果,然后翻了很长页面找到之前的配置项后再次配置测试,这样想想都很累,我之前用了一个typecho主题就是这样子……

现在有了这个js就会方便很多,异步提交表单,不刷新页面。不需要改动任何代码,添加这个js就可以了。

点击复制代码 添加个js让表单提交不用刷新 第1张 JavaScript
$('[type=submit]').click(function(){    let _this = $(this);    let form = _this .parents('form');    let action = form.attr("action");    let btntext = _this.val();    _this.attr('disabled','disabled').val('正在保存...');    $.post(action,form.serialize(),function(res){        _this.removeAttr('disabled').val(btntext);    })    return false;})

为了更好的体验,你可以将保存按钮设为固定(fixed),跟随页面滚动。

GIF.gif 添加个js让表单提交不用刷新 zblog 第2张


版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

本文链接:http://www.yuyubebe.cn/2020/02/594/

评论

«   2020年5月   »
123
45678910
11121314151617
18192021222324
25262728293031
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
扫描即可关注我们