javascript - NODE.JS:当表单提交时出现后端错误时，如何让前端 JS 事件监听器？

Question

使用 Node.js，我有一个使用 twilio 发送短信的表单。用我的手机测试一切正常。

但是，如果表单提交在后端遇到错误，我希望播放动画(在我的前端 JS 文件中)。具体来说，twilio API 有一个回调，它将错误作为 sendMessage 函数的参数。所以我不是在谈论验证错误，而是 twilio 或连接的实际错误。

那么，当提交表单(在后端)的回调函数中出现错误时，如何在我的前端 js 文件中设置一个事件监听器来监听，以便我可以播放表示某件事发生的动画错了。

或者我应该不使用事件监听器并以其他方式执行此操作？

任何帮助表示赞赏。请回复。谢谢!

Answer 1

不，您无法在前端添加事件监听器来处理后端错误。这是不可能的。

如果使用不带 AJAX 的 HTML 表单:

现在您正在使用默认的 HTML 表单并使用操作和方法属性来提交表单数据。然后该过程将类似于错误处理的过程。您提交数据，然后继续与 Twillo API 进行交互。如果出现问题，您可以将用户重定向到带有错误消息/错误动画的表单页面。

如果使用 AJAX:

现在，当您使用 AJAX 时，您必须能够处理从服务器获得的响应。在此过程中，当用户提交数据时，后端将继续与 Twillo API 进行交互。如果出现故障，您将发回 500 Internal Server Error 以及正确的错误消息。在 AJAX 请求回调中，您检查响应代码和错误消息。如果出现问题，您现在可以播放错误动画/让用户知道发生了什么。

资源: https://nodejs.org/api/synopsis.html检查此链接中的示例。显示了如何设置响应的statuscode。