正在情况下,提交表单都会刷新页面,普通的表单来说没什么,但是如果主题或者插件配置项很多的话,新用户***次用,难免需要很多的配置,每次保存后,测试查看效果,然后翻了很长页面找到之前的配置项后再次配置测试,这样想想都很累,我之前用了一个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;})
为了更好的体验,你可以将保存按钮设为固定(fixed),跟随页面滚动。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本文链接:http://www.yuyubebe.cn/2020/02/594/- 上一篇: LayCenter简易适配文档
- 下一篇: 企业如何真正实现无纸化办公?
发表评论