NODE.JS：如何在表單提交時發生後端錯誤時使用前端JS事件偵聽器？

Question

使用Node.js，我有一個使用twilio發送短信的表單。一切工作正常使用我的手機進行測試。

但是，如果表單提交在後端遇到錯誤，我想要一個動畫播放（在我的前端JS文件中）。具體而言，twilio API有一個回調函數，該函數將錯誤作爲參數使用。所以我不是在談論驗證錯誤，而是在twilio或連接時出現實際錯誤。

那麼我如何在我的前端js文件中有一個事件監聽器來偵聽提交表單的回調函數時發生錯誤（在後端），所以我可以播放一個表示某事的動畫出錯。

或者我不應該使用事件偵聽器，並以另一種方式做它？

任何幫助表示讚賞。請回復。謝謝！

Answer 1

不，您不能在前端爲後端的錯誤添加事件偵聽器。這是不可能的。

如果使用HTML窗體，而不AJAX：

現在你使用的是默認的HTML表單，並使用動作和方法屬性提交表單數據。然後，這個過程將與您在錯誤處理方面做的相似。您提交數據，然後繼續與Twillo API的交互。如果失敗，您將用戶重定向到帶有錯誤消息/錯誤動畫的表單頁面。

如果使用AJAX：

現在，當你正在使用AJAX，你必須能夠處理從服務器獲得響應的能力。 在此過程中，當用戶提交數據時，後端將繼續與Twillo API進行交互。如果出現問題，請發送500 Internal Server Error並附上正確的錯誤信息。 在AJAX請求回調中，檢查響應代碼和錯誤消息。如果出現問題，您現在可以播放錯誤動畫/讓用戶知道發生了什麼。

資源： https://nodejs.org/api/synopsis.html 入住此鏈接的例子。顯示如何爲響應設置statuscode。