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

正在情况下，提交表单都会刷新页面，普通的表单来说没什么，但是如果主题或者插件配置项很多的话，新用户***次用，难免需要很多的配置，每次保存后，测试查看效果，然后翻了很长页面找到之前的配置项后再次配置测试，这样想想都很累，我之前用了一个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)，跟随页面滚动。

打赏 支付宝打赏 微信打赏