正文 首页技术教程 zblog教程

zblog教程:添加个js让表单提交不用刷新

事在人为

EV92OZI%MV~BR)Y`[8G3SDC.png

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

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

$('[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;})