使用 AJAX 和 wp_mail() 发送邮件

Question

我正在尝试构建一个简单的 ajax 驱动的联系表单，但没有成功发布到 ajax-admin.php 挂钩...我知道这个问题已经被问过一百万次（我已经阅读了每一个其中），所以请多多包涵：

这是我的 Javascript：

    submitMail (e) { 
        e.preventDefault();
        const data = {
             action: 'mail_before_submit'
        };
        const ajax = new Ajax({
             method: 'POST',
             url: `${window.location.origin}/wp-admin/admin-ajax.php`,
             data: JSON.stringify(data)
        });
        ajax.on('success', (e) => {
             console.log(e)
        });
        ajax.send();
}

这是我的functions.php中的Wordpress钩子：

add_action('wp_ajax_nopriv_mail_before_submit', 'mail_before_submit');
add_action('wp_ajax_mail_before_submit', 'mail_before_submit');
function mail_before_submit() {
    wp_mail('my_email_here@gmail.com', 'title text', 'body text');
    echo 'email sent';
    die();
}

我不确定 WP 钩子是否会被调用。当我使用 JS 提交表单时，我可以在控制台中看到“XHR 完成加载：POST “http://localhost:3000/wp-admin/admin-ajax.php”。”，但没有其他反应 - 没有发送电子邮件，我得到的响应只是 0 ..

我对 PHP 不是很熟悉，但是经过大量阅读后，我只能得出结论，我所做的一切都是正确的 - 在我的 functions.php 文件中附加挂钩和回调，并发送一个序列化的 JSON 对象action 属性，但仍然没有成功

如您所见，这是一个非常简单的示例，但我已经敲了几个小时没有任何成功...任何帮助都将不胜感激！

Answer 1

您需要在查询参数中指定操作。喜欢 /wp-admin/admin-ajax.php?action=mail_before_submit。

submitMail (e) { 
    e.preventDefault();
    const data = {
    };
    const ajax = new Ajax({
         method: 'POST',
         url: `${window.location.origin}/wp-admin/admin-ajax.php?action=mail_before_submit`,
         data: JSON.stringify(data)
    });
    ajax.on('success', (e) => {
         console.log(e)
    });
    ajax.send();
}