Question

我正在尝试构建一个简单的ajax驱动的联系表单，但是没有成功使用POST到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提交表单时，我可以在我的控制台中看到＆＃34; XHR已完成加载：POST＆＃34; http://localhost:3000/wp-admin/admin-ajax.php＆＃34;。＆＃34;，但没有其他事情发生 - 没有电子邮件是被发送和我得到的回复只是一个0 ..

我对PHP并不熟悉，但经过大量阅读后，我只能得出结论：我正在做正确的事 - 在我的 functions.php 文件中附加钩子和回调，并发送一个序列化的JSON对象动作属性，但仍未成功

正如你所看到的，这是一个非常简单的例子，但是我已经敲了几个小时已经没有任何成功......任何帮助都会受到更多的赞赏！

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();
}

使用AJAX和wp_mail（）发送邮件

1 个答案: