Main:
ipcMain.on('botCheckLogin', (event: Electron.IpcMessageEvent, token: string) => {
axios.post('https://www.google.com/recaptcha/api/siteverify' +
'?secret=serverSecret=' + token)
.then(function(response) {
console.log(response);
event.sender.send('botCheckLoginReturn', 'hi');
})
.catch(function(error) {
console.log(error);
event.sender.send('botCheckLoginReturn', 'world');
});
});呈现:
submitForm() {
if ((this.$refs.form as LoginForm).validate()) {
this.$recaptcha('login').then((token) => {
console.log('sending token!');
IPC.send('botCheckLogin', token);
});
IPC.on('botCheckLoginReturn', (event: Electron.IpcMessageEvent, response: any) => {
console.log(response);
return;
const loginPacket: LoginPacket = {
userName: (this as LoginForm).userName,
displayName: (this as LoginForm).displayName,
password: (this as LoginForm).loginPassword,
email: (this as LoginForm).email,
};
if (!(this as LoginVar).isRegister) {
IPC.send('login', loginPacket);
} else {
IPC.send('register', loginPacket);
}
});
}
}函数submitForm由一个按钮调用。我单击了该按钮4次,等待主进程响应后再再次单击,这就是我在控制台上得到的:
sending token!
hi
sending token!
(2x) hi
sending token!
(3x) hi
sending token!
(4x) hisending token文本按下按钮登录,hi是主进程返回的文本。它应该只返回一次hi。是什么导致了这一切?
发布于 2019-04-22 19:10:15
每次单击按钮时,都会为botCheckLoginReturn附加一个新的事件处理程序。每次单击该按钮时,都会扩展此事件处理程序列表。然后对事件调用这个不断增长的事件处理程序列表。
确保只执行“一次”以下操作:
IPC.on('botCheckLoginReturn', (event: Electron.IpcMessageEvent, response: any) => {
console.log(response);
// ...
});这意味着,当您按下按钮时,将其从调用的代码中移出。
https://stackoverflow.com/questions/55797664
复制相似问题