从 Node.js 调用 Materialize javascript

Question

我有一个表格供用户填写。在服务器端，我使用 mailgun 在表单提交后发送电子邮件。

出现错误时，我想显示一个 toast 对话框（Javascript 中的Materialize.toast("Error", 2500);）。由于错误检查发生在服务器端，我不知道如何调用该方法。

我碰巧在 HTML 中使用<script> 来阻止页面在提交时刷新——但我不知道如何处理这个<script> 中的错误。这里是：

<script type="text/javascript">
$("#contact-form").submit(function(e) {
    e.preventDefault(); // Prevents the page from refreshing
    var $this = $(this); // `this` refers to the current form element
    $.post(
        $this.attr("action"), // Gets the URL to sent the post to
        $this.serialize(), // Serializes form data in standard format

        function(data) {
        },
        "json" // The format the response should be in
    );
    Materialize.toast("Toasty McToastface!", 1000);
    $('#contact-form').trigger('reset');
});
</script>

感谢所有帮助。

Answer 1

出现错误时，我想显示一个 toast 对话框（Materialize.toast("Error", 2500); in Javascript）。由于错误检查发生在服务器端，我不知道如何调用该方法。

您必须从服务器端脚本返回错误，并检查成功回调中的 data 以查看是否有错误。

$.ajax() 方法有一个错误回调（$.post() 没有），但只有在超时、解析错误等情况下才会调用。

你可以在客户端这样做：

$.post(
    $this.attr("action"),
    $this.serialize(), 
    function(data) {
       if(data.error) {
          Materialize.toast("Toasty McToastface!", 1000);  
       }
    },
    "json" 
);

当然，要使其正常工作，服务器需要使用具有 error 属性的 JSON 对象进行响应，设置为 true 或 false，具体取决于电子邮件是否已发送。

如果您希望服务器能够在此回调之外与客户端通信，那么您可以使用 websockets（类似于 socket.io）