本文作者:云月怡

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

云月怡 6个月前 ( 04-26 ) 282 抢沙发

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

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

 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),跟随页面滚动。


文章版权及转载声明

作者:云月怡本文地址:http://www.yunyueyi.cn/blog/77.html发布于 6个月前 ( 04-26 )
文章转载或复制请以超链接形式并注明出处云月怡

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,282人围观)参与讨论

还没有评论,来说两句吧...