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

标签 javascript node.js forms submit

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

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

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

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

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

最佳答案

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

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

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

如果使用 AJAX:

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

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

关于javascript - NODE.JS:当表单提交时出现后端错误时,如何让前端 JS 事件监听器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43627025/

相关文章:

javascript - 如何防止光标回车?

javascript - nodejs 的 View 引擎 Handlebar 在 Hapijs 上的 Angular 代码

node.js - 无人值守循环时,console.log() 为 "Canceled"

javascript - Express js 4,Parse.com JSON 错误

html - 如何仅输出带值的下拉菜单(并给它们命名)- Contact Form 7

javascript - 提交表单时提交按钮上的微调器

Javascript 正则表达式 : How to put a variable inside a regular expression?

javascript - 如何在 react 中创建文本框

javascript - 按正态分布(高斯分布)对数字数组进行排序

javascript - 如果类不存在,则执行此操作,否则忽略