javascript - PHP sendmail 表单发送空白电子邮件，如何修复 java 脚本？

Question

我一整天都遇到关于 sendmail.php 的问题。首先，我无法收到电子邮件，我修复了它，然后开始收到空白电子邮件。我不明白问题不是 php 代码或 html 代码，问题是附加到联系表单的 java 脚本。

var form = $('#main-contact-form');
form.submit(function(event){
    event.preventDefault();
    var form_status = $('<div class="form_status"></div>');
    $.ajax({
        url: $(this).attr('action'),
        beforeSend: function(){
            form.prepend( form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Email is sending...</p>').fadeIn() );
        }
    }).done(function(data){
        form_status.html('<p class="text-success">Thank you for contact us. As early as possible  we will contact you</p>').delay(3000).fadeOut();
    });
});

这是发送空白电子邮件的代码。我读到了类似问题的答案，我明白我应该使用这个；

var form = $('.contact-form');
form.submit(function () {
    $this = $(this);
    $.post($(this).attr('action'),$(this).serialize(), function(data) {

当我将推荐代码更改为我的代码时，我开始收到包含名称主题和消息的电子邮件，但单击“立即发送”按钮页面后，页面变为白色空白，而不是显示消息“感谢您与我们联系。”我们会尽快与您联系”

所以我认为我无法结合起来纠正我的代码。任何人都可以帮我将 $.post($(this).attr('action'),$(this).serialize(), function(data) { 添加到我的脚本中吗？提前致谢

Answer 1

您始终可以使用您的代码，但需要进行两处更改，向您的 ajax 请求添加一个“方法”，以及一些要发送到服务器的数据。另请确保您正在使用 php 文件中的 POST 值

    var form = $('#main-contact-form');
form.submit(function(event){
    event.preventDefault();
    var form_status = $('<div class="form_status"></div>');
    $.ajax({
        url: $(this).attr('action'),
        method: 'post',
        data: $(this).serialize(),
        beforeSend: function(){
            form.prepend( form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Email is sending...</p>').fadeIn() );
        }
    }).done(function(data){
        form_status.html('<p class="text-success">Thank you for contact us. As early as possible  we will contact you</p>').delay(3000).fadeOut();
    });
});