在Wordpress中使用Ajax发送邮件

Question

我正在尝试使用Ajax通过我创建的网络表单发送电子邮件,但我迷路了.我不知道Ajax如何在Wordpress中运行.

我首先创建了一个动作

add_action( 'wp_ajax_siteWideMessage', 'wpse_sendmail' );

应该检索数据并发送邮件的功能是:

function wpse_sendmail()
{
    $for = like_escape($_POST['forwhat']);
    $email = like_escape($_POST['email']);
    $headers = 'From: '.$email ."\r\n".'Reply-To: '.$email;
    $message = like_escape($_POST['message_message']);
    $respond = like_escape($_POST['message_email']);

    wp_mail( "support@ontrgt.net", "(OTN) Support: ".$support, $message, $headers); 
}

最后,js是这样的:

$("#contact-send").click(function(){
    var forwhat = $("#contact-for").val();
    var name = $("#contact-name").val();
    var email = $("#contact-email").val();

    $.post( "<?php echo esc_js( site_url() ) ?>", { siteWideMessage:"null", forwhat: forwhat, name: name, email:email }, function(){
            console.log("success");
    });
});

我不太清楚我在这里缺少什么.有人可以帮我理解Wordpress的Ajax流程吗？

---

UPDATE

到目前为止,我更新了我的代码:

PHP

add_action( 'wp_ajax_siteWideMessage', 'wpse_sendmail' );
add_action( 'wp_ajax_nopriv_siteWideMessage', 'wpse_sendmail' );

function wpse_sendmail()
{
    $for = $_POST['forwhat'];
    $email = $_POST['email'];
    $headers = 'From: '.$email ."\r\n".'Reply-To: '.$email;
    $message = $_POST['message_message'];
    $respond = $_POST['message_email'];

    /*if(wp_mail( "support@ontrgt.net", "(OTN) Support: ".$for, $message, $headers))
    {
        echo "WOOHOO";
    }*/

    if($for)
    {
        //Just to see if there is any response.
        echo "Whoohoo";
    }

    die();
}

JS

$("#contact-send").click(function(){
    var forwhat = $("#contact-for").val();
    var name = $("#contact-name").val();
    var email = $("#contact-email").val();

    var data = { action:'siteWideMessage', forwhat:forwhat, name:name, email:email };
    $.post('<?php echo admin_url("admin-ajax.php"); ?>', data, function(response) {
        alert(response);
    });
});

Wordpress仍然没有响应我的AJAX命令.我正在使用inspect元素,我看不到任何数据被传递.

Answer 1

首先,您需要添加两个操作,一个用于明确要求使其工作的非登录用户,例如类似这样的操作(基本上在您的functions.php文件中):

add_action( 'wp_ajax_siteWideMessage', 'wpse_sendmail' );
add_action( 'wp_ajax_nopriv_siteWideMessage', 'wpse_sendmail' );

然后,你需要admin-ajax.php在jQuery函数中发出请求,你可以使用这样的东西:

$("#contact-send").click(function(e){

    e.preventDefault(); // if the clicked element is a link

    //...

    var data = { 'action':'siteWideMessage', 'more':'values' };

    $.post('<?php echo admin_url('admin-ajax.php'); ?>', data, function(response) {
        console.log(response);
    });

});

确保放在服务器端exit/die的末尾handler,例如:

function wpse_sendmail()
{
    // Process the post data...

    if(mail(...)) {
        echo 'success';
    }
    else {
        echo 'failed';
    }

    die();
}

在您的success回调中,response变量将获得从服务器端发送的响应,即success/failed.有更好的方法(使用wp_localize_script等).阅读这篇详细的文章.此外,如果您想要返回json响应,那么您可以使用$.json('url', data, func).

如果你感到困惑,那么让我告诉你,你应该发出请求admin-ajax.php并传递action请求,在这种情况下它是siteWideMessage,所以WordPress将调用handler使用add_action钩子注册的那个,在你的情况下它是wpse_sendmail.Eid Mubarak :-)