Wordpress ajax 成功响应

Question

我正在尝试使用 wp_mail 和 Ajax 在 Wordpress 中创建联系表单

电子邮件有效，但 Ajax 成功响应出现问题。

电子邮件发送后，我需要向用户显示电子邮件已发送的消息。

验证表单并显示成功消息的 Javascript：

    $atj(function(){
      $atj('#training-submit').click(function(e) {
        e.preventDefault();
        e.stopPropagation();
        if(verfiyFields()) {
            alert('here');
            requestData = {
              'action' : 'myajax-submit',
              'firstName' : $atj("#name").val(), 
              'email' : $atj("#email").val(), 
          }
          $atj.post(MyAjax.ajaxurl, requestData).done(function(result){        
            result = jQuery.parseJSON( result );
            console.log(result);
            if(result == 'success'){
              $atj('.training-form [type=text]').val('');
              $atj('.training-form-message').append('<p class="training-form-complete-message">Thank you for the  email</p>');
            }
          });
        }
      });
    })



    //Verfiy 
    function verfiyTrainingFields() {
      var flag = true;

      var name =        $atj('#name');
      var email =       $atj('#email');

      if(name.val().indexOf(' ') === -1 ){
        name.parent().prepend('<p class="form-error">Please enter name, first space last</p>');
        errorMessage($atj('.form-error'));
        flag = false;
      }
      if(!IsEmail(email.val())){
        email.parent().prepend('<p class="form-error">Please enter valid email address</p>');
        errorMessage($atj('.form-error'));
        flag = false;
      }
      return flag;
    }

functions.php 文件用于发送电子邮件和发送 ajax 响应。

    function myajax_submit() {

        $name = sanitize_text_field($_POST['firstName']);
        $email = sanitize_text_field($_POST['email']);

        $headers[] = 'From: ' . $name . ' <' . $email . '>' . "\r\n";
        $headers[] = 'Content-type: text/html' . "\r\n"; //Enables HTML ContentType. Remove it for Plain Text Messages

        $to = 'me@mysite.co.uk';

        $message = 'Name: ' . $name . "\r\n" . 'email: ' . $email;

        add_filter( 'wp_mail_content_type', 'set_html_content_type' );
        wp_mail( $to, 'Email Test', $message );
        remove_filter( 'wp_mail_content_type', 'set_html_content_type' ); 

        echo 'email sent';

        // generate the response
        $response = json_encode( array( 'success') );

        // response output
        header( "Content-Type: application/json" );
        echo $response;

        exit;
    }

电子邮件已发送，“电子邮件已发送”回显触发，但 js 中的 if(result == 'success'){ 不起作用。

js文件中的console.log(result)给出如下内容。

<br />
<b>Warning</b>:  call_user_func_array() expects parameter 1 to be a valid callback, function 'set_html_content_type' not found or invalid function name in <b>/Users/user.name/Desktop/MAMP-DocRoot/appname/src/php/wp-includes/plugin.php</b> on line <b>192</b><br />
email sent<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /Users/user.name/Desktop/MAMP-DocRoot/appname/src/php/wp-includes/plugin.php:192) in <b>/Users/user.name/Desktop/MAMP-DocRoot/appname/src/php/wp-content/themes/sitename/functions.php</b> on line <b>66</b><br />
["success"] 

Answer 1

您不能在响应中的 echo' 之后设置 headers。除掉 echo 'email sent';

Answer 2

首先，删除echo 语句，因为它过早发送标头。

然后，您需要明确告诉 jQuery post 期望返回 json：

$atj.post(MyAjax.ajaxurl, requestData).done(function(result){
    result = jQuery.parseJSON( result );
    console.log(result);
    if(result == 'success'){
        $atj('.training-form [type=text]').val('');
        $atj('.training-form-message').append('<p class="training-form-complete-message">Thank you for the  email</p>');
    }
}, 'json' );

最后，您的 json 编码响应不会给您预期的response == success。相反，请使用 json_encode( array( 'success' => 1' ) ); 并将您的 javascript 更改为：

if( 1 == result.success ) ){
}

这是一个完整的例子：

$.post( url, data, function( response ){
    if( 1 == response.success ){
      // Success - do something
    } else {
      // Failure
    }
}, 'json' );

<?php
function myAjaxFunction(){
    $result = array(
        'success' => 0 // Assume failure first
    );
    if( $_POST[ 'whatever' ] == 'what i want' ){
        $result[ 'success' ] = 1;
    }
    print json_encode( $result );
    exit();
}