点击微信返回时重复提交表单php,微信小程序遇坑——多次点击页面重复加载及数据重复提交...

目前总结解决方法：同时需要设置模块的函数，函数都可放置在util.js中去。

首先：

一、在util.js中放入如下两组函数

1. 设置点击后多久不能再次操作该

function throttle(fn, gapTime) {

if (gapTime == null || gapTime == undefined) {

gapTime = 1500

}

let _lastTime = null

// 返回新的函数

return function () {

let _nowTime = + new Date()

if (_nowTime - _lastTime > gapTime || !_lastTime) {

fn.apply(this, arguments) //将this和参数传给原函数

_lastTime = _nowTime

}

2. 设置加载动画

function showLoading(message) {

if (wx.showLoading) { // 基础库 1.1.0 微信6.5.6版本开始支持，低版本需做兼容处理

wx.showLoading({

title: message, mask: true

});

} else { // 低版本采用Toast兼容处理并将时间设为20秒以免自动消失

wx.showToast({

title: message, icon: 'loading', mask: true, duration: 20000

});

}

function hideLoading() {

if (wx.hideLoading) { // 基础库 1.1.0 微信6.5.6版本开始支持，低版本需做兼容处理

wx.hideLoading();

} else {

wx.hideToast();

}

并且将其导出作为页面使用：

module.exports = {

throttle: throttle,

showLoading: showLoading,

hideLoading: hideLoading,

}

二、将函数引入页面使用

const util = require('../../utils/util.js');

handleClick: util.throttle(function (e) { util.showLoading('加载中...'); let bol = this.checkCard(); // console.log(bol); if(bol){ this.bindFn(); this.getgrant("1"); wx.setStorageSync('verify', true); }else{ // 需要用户重新填写 util.hideLoading(); console.log('信息输入不正确'); } }, 3000),

即可。

点击微信返回时重复提交表单php,微信小程序遇坑——多次点击页面重复加载及数据重复提交...相关推荐

小程序提交表单mysql_微信小程序form表单提交到MYSQL实例（PHP）
小程序相对于之前的WEB+PHP建站来说,个人理解为只是将web放到了微信端,用小程序固定的格式前前端进行布局.事件触发和数据的输送和读取,服务器端可以用任何后端语言写,但是所有的数据都要以JSON的 ...
ajax提交表单，包括跳入的坑！
本来今天上午写了一个js执行上下文的一个了解.但是写一大半的时候出去有事,电脑关了啥都没了. 还是让我们进入正题 ajax提交表单,很简单,原生js的代码太复杂,我们就jq的去写. 创建html文件, ...
微信公众号里如何上传html,微信公众号怎么做表单，微信万能表单如何添加到公众号里...
微信的使用占据着大众的日常,而微信上的一些订单.预约.登记.投诉.反馈等功能都可以使用微信万能表单来实现,那么微信万能表单怎么做?下文带来微信公众号表单制作方法,方法很简单,需要的朋友一起看看吧. 微 ...
小程序接入h5页面_微信小程序跳转外部链接（h5页面）以及数据交互
最近项目有个需求,在微信小程序中跳转外部链接完成相关的操作,操作完成后返回微信小程序的相关页面. 1.跳转外部链接(官方文档) 1)入口 //跳转到入口 wx.navigateTo({url: '.. ...
微信小程序html文章添加跳转链接,微信小程序跳转外部链接（h5页面）以及数据交互...
最近项目有个需求,在微信小程序中跳转外部链接完成相关的操作,操作完成后返回微信小程序的相关页面. 1.跳转外部链接(官方文档) 1)入口 //跳转到入口 wx.navigateTo({url: '.. ...
mpvue返回上一个页面_Mpvue+Vant-Weapp开发小程序遇坑之解决系列
嗨,我是Kit,我来分享Mpvue小程序的踩坑问题,以及如何引入Vant-Weapp,下面开始我的表演,如有问题,可以写在下面的评论里面,只接受建议不接受评论,我很骄傲的~哈哈相比很多时候我们写东西 ...
【重复提交表单】表单重复提交的三种情况，解决办法
引入看一个重复提交表单的例子 F12可以看到,请求体中的参数在刷新页面之后仍然保留,因此每一次刷新页面,都会把现有的请求体中的表单数据提交一次到服务器,而接收的页面还是insert.jsp,于是造成 ...
ajax form表单提交_LayUI提交表单，监听select，分页组件
1.LayUI提交表单这几天做项目,用到提交layui框架的弹出层的表单,因为需要在提交表单后,关闭当前弹出层,同时刷新父窗口的数据,因此,用普通的提交就不行了,因为普通的提交到后台之后没有返回值, ...
jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...

点击微信返回时重复提交表单php,微信小程序遇坑——多次点击页面重复加载及数据重复提交...

点击微信返回时重复提交表单php,微信小程序遇坑——多次点击页面重复加载及数据重复提交...相关推荐

最新文章

热门文章