NODE.JS: 当表单提交出现后端错误时,如何让前端JS事件监听?
NODE.JS: How to have front-end JS event listener for when there is a back-end error on form submit?
使用 Node.js,我有一个使用 twilio 发送 SMS 的表单。用我的 phone 测试一切正常。
但是,如果表单提交在后端遇到错误,我想播放动画(在我的前端JS文件中)。具体来说,twilio API 有一个回调,它将错误作为 sendMessage 函数的参数。所以我不是在谈论验证错误,而是 twilio 或连接的实际错误。
那么如何在我的前端js文件中有一个事件监听器来监听提交表单的回调函数(在后端)有错误时,我可以播放一个动画表达出了点问题。
或者我不应该使用事件侦听器并以其他方式使用吗?
感谢任何帮助。请回复。谢谢!
不,您不能在前端为后端错误添加事件侦听器。那是不可能的。
如果使用不带 AJAX 的 HTML 形式:
现在您正在使用默认的 HTML 表单并使用 action 和 method 属性来提交表单数据。然后该过程将与您对错误处理所做的类似。您提交数据,然后继续与 Twillo API 进行交互。如果出现问题,您将用户重定向到带有错误 message/error 动画的表单页面。
如果使用AJAX:
现在,当您使用 AJAX 时,您必须能够处理从服务器获得的响应。
在此过程中,当用户提交数据时,后端会继续与 Twillo API 进行交互。如果出现问题,您会发回 500 Internal Server Error
并附上正确的错误消息。
在 AJAX 请求回调中,您检查响应代码和错误消息。如果出现问题,您现在可以播放错误 animation/let 用户知道发生了什么。
资源:
https://nodejs.org/api/synopsis.html
检查此 link 中的示例。它显示了如何为响应设置 statuscode
。
使用 Node.js,我有一个使用 twilio 发送 SMS 的表单。用我的 phone 测试一切正常。
但是,如果表单提交在后端遇到错误,我想播放动画(在我的前端JS文件中)。具体来说,twilio API 有一个回调,它将错误作为 sendMessage 函数的参数。所以我不是在谈论验证错误,而是 twilio 或连接的实际错误。
那么如何在我的前端js文件中有一个事件监听器来监听提交表单的回调函数(在后端)有错误时,我可以播放一个动画表达出了点问题。
或者我不应该使用事件侦听器并以其他方式使用吗?
感谢任何帮助。请回复。谢谢!
不,您不能在前端为后端错误添加事件侦听器。那是不可能的。
如果使用不带 AJAX 的 HTML 形式:
现在您正在使用默认的 HTML 表单并使用 action 和 method 属性来提交表单数据。然后该过程将与您对错误处理所做的类似。您提交数据,然后继续与 Twillo API 进行交互。如果出现问题,您将用户重定向到带有错误 message/error 动画的表单页面。
如果使用AJAX:
现在,当您使用 AJAX 时,您必须能够处理从服务器获得的响应。
在此过程中,当用户提交数据时,后端会继续与 Twillo API 进行交互。如果出现问题,您会发回 500 Internal Server Error
并附上正确的错误消息。
在 AJAX 请求回调中,您检查响应代码和错误消息。如果出现问题,您现在可以播放错误 animation/let 用户知道发生了什么。
资源:
https://nodejs.org/api/synopsis.html
检查此 link 中的示例。它显示了如何为响应设置 statuscode
。