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

最新发布
-
zblog响应式门户新闻资讯主题64号
2026-04-16 -
zblog响应式自媒体博客主题63号
2026-04-08 -
zblog响应式资讯门户主题62号
2026-04-05 -
zblog响应式文章自媒体资讯主题61号
2026-04-01 -
zblog响应式自媒体资讯主题60号
2026-03-30
热门文章
-
ZBLOG精品手赚APP应用下载主题19号
1229 -
zblog响应式机器设备企业主题10号
1225 -
zblog响应式生活分类信息主题2号
947 -
zblog响应式机械企业外贸主题6号
329 -
简洁大气zblog响应式文章主题52号
313