Ajax 未被调用

Question

我在 HTML 中写了一个带有三个文本框的小表格。这个想法是创建一个 "Contact me" 表单，该表单将使用 NodeMailer 提交的信息。但是，我的 ajax 函数没有被调用。更具体地说，信息不会发送到 NodeMailer 所在的“/time”。任何 "pointers" 提前致谢！这是我的 JS 文件：

$(document).ready(function(){
    $("#send").click(function(e){ 

        var name = $('input#name').val();
        var email = $('input#email').val();
        var message = $('textarea#message').val();

        $.ajax({
            url: "/time",
            type: "POST",
            dataType: 'json',
            data: {
                name: name,
                email: email,
                message: message
            },
            success: function() {
                // Success message
                $('#success').html("<div class='alert alert-success'>");
                $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                    .append("</button>");
                $('#success > .alert-success')
                    .append("<strong>Your message has been sent. </strong>");
                $('#success > .alert-success')
                    .append('</div>');

                //clear all fields
                $('#contactForm').trigger("reset");
            },
            error: function() {
                // Fail message
                $('#success').html("<div class='alert alert-danger'>");
                $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                    .append("</button>");
                $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
                $('#success > .alert-danger').append('</div>');
                //clear all fields
                $('#contactForm').trigger("reset");
            }
        })

    }); 

});

Answer 1

尝试使用特定的文件名而不是文件夹。即；

url: "/time/index.html",

包括来自 Dev Console（浏览器中的 F12）的任何错误，以帮助我们帮助您。

Answer 2

您在这里遗漏了一些东西 -

1) 在 ajax 选项中添加 contentType: "application/json"。

2) 将您的 JSON 字符串化：

  data: JSON.stringify({
            name: name,
            email: email,
            message: message
        }),

此外，请仔细检查您的 /time 方法的参数是否分别为姓名、电子邮件和消息。

Ajax 未被调用

Ajax not being called

javascript

ajax

jquery

web