Ajax 函数没有返回任何响应但帖子工作正常：Wordpress答案

【问题标题】：Ajax function not returing anything in response but post is working fine: WordpressAjax 函数没有返回任何响应但帖子工作正常：Wordpress
【发布时间】：2017-03-07 07:31:03
【问题描述】：

我有这个 ajax 脚本，它对 function.php 中的一个函数进行操作，以便在提交表单后发送电子邮件。数据正在发布，但功能未触发，因此电子邮件未发送，脚本也未显示任何响应。

              ==================Jquery====================
jQuery('#quote-forms').submit(function(e) {

    e.preventDefault();

    var ocity = jQuery(".ocity").val();
    var ostate = jQuery(".ostate").val();
    var ozip = jQuery(".ozip").val();
    var dataString = 'custom ocity='+ ocity + '&custom ostate=' + ostate + '&custom ozip=' + ozip;

    jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        action : 'quote_ajax_submission',
        data: dataString,
        success: function() {  
        alert("sent");
        } 
        });          
    });

这是我在 function.php 文件中的函数，请您检查并告诉我是什么问题，所以没有回复，电子邮件也没有发送。

        add_action('wp_ajax_quote_ajax_submission', 'quote_ajax_handler');
        add_action('wp_ajax_nopriv_quote_ajax_submission','quote_ajax_handler');
  function quote_ajax_handler(){

echo "helol";

$oCity          = $_POST["custom ocity"];
$iZip           = $_POST["custom ozip"];
$oState         = $_POST["custom ostate"];
$dState         = $_POST["dstate"];
$dZip           = $_POST["dzip"];
$dCity          = $_POST["dcity"];
$rNumbers       = $_POST["room-numbers"];
$mDate          = $_POST["mdate"];
$fName          = $_POST["fname"];
$lName          = $_POST["lname"];
$pEmail         = $_POST["pemail"];
$pPhone         = $_POST["pphone"];
$addtion_C      = $_POST["additionC"];

$to = 'shoaibswl123@gmail.com';

$subject = 'Quote Request From '. $fName ;

$message = '<html><body>'; 

$message = '<div style="background:#CEE4ED; padding:10px;>';
$message = '<div style="margin-left:30px;">';
$message .= "<br>";
$message .= "<br>";

$message .= "<b>Hi Admin,</b>";
$message .= "<br>";
$message .= "<br>";
$message .= 'You have received a new quote from the site with the following information';

$message .= "<br>";
$message .= "<br>";

$message .= '<b>Address Information:</b>';

$message .= "<br>";
$message .= "<br>";


$message .= "<b>Origin City: </b>" .$oCity;
$message .= "<br />";
$message .= "<b>Origin Zip: </b>" . $iZip; 
$message .= "<br />";
$message .= "<b>Origin State: </b>" . $oState;
$message .= "<br />";
$message .= "<b>Destination City: </b>" .$dCity;
$message .= "<br />";
$message .= "<b>Destination Zip: </b>" .$dZip;
$message .= "<br />";
$message .= "<b>Destination State: </b>" .$dState; 

$message .= "<hr>";
$message .= "<br>";
$message .= "<br>";

$message .= '<b>Client Information:</b>'; 
$message .= "<br />";
$message .= "<br />";
$message .= "<b>First Name: </b>" .$fName;
$message .= "<br />";
$message .= "<b>Last Name: </b>" .$lName;
$message .= "<br />";
$message .= "<b>Primary Emai: </b>" .$pEmail;
$message .= "<br />";
$message .= "<b>Primary Phone: </b>" .$pPhone;
$message .= "<hr>";
$message .= "<br>";
$message .= "<br>";

$message .= '<b>Moving Information:</b>'; 

$message .= "<br>";
$message .= "<br />";

$message .= "<b>Moving Date: </b>" .$mDate;
$message .= "<br />";
$message .= "<b>Number of Rooms: </b>" .$rNumbers;

$message .= "<hr>";
$message .= "<br>";
$message .= "<br>";

$message .= '<b>Addition Comments :</b>';
$message .= "<br />";
$message .= '<p>'.$addtion_C.'</p>' ;

$message .= "<br>";
$message .= "<br>";
$message .= "<br>";

$message .= "<p>Thank you.</p>";

$message .= "</div></div>";

$message .= "</body></html>";

$headers  = 'MIME-Version: 1.0' . "\r\n";

$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

$headers .= 'From: '.$pEmail.'' . "\r\n";


   if(wp_mail($to, $subject, $message, $headers)){

    echo "<div class='success-message'>Message Has Been Sent Successfully..!</div>";

   }else{

     echo "<div class='success-message'>There is an error while sending message..!</div>";
   }

   die();
 }

【问题讨论】：

您是否尝试过使用 wp-admin/admin-ajax.php 的绝对路径而不是相对路径？此外，您应该始终使用 ajax 调用定义错误函数，以便查看是否返回错误而不是成功：error: function (jqXHR, exception) { 和 console.log 返回的错误以帮助您调试。
那么绝对路径会是这样吗？我添加了错误函数，但它没有返回任何错误网址：'ABSPATH./wp-admin/admin-ajax.php'，@MirzaP

标签： ajax wordpress forms function email

【解决方案1】：

ajax 调用中的 action 元素存在问题。

所以我们更新了这样的代码，并在数据数组中添加了动作元素，其工作如下：

jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        data: 'action=quote_ajax_submission&'+dataString,
        success: function(data) {  
        alert("sent");
        },
        error: function(request, status, error){
        alert(request.responseText); 

        }
        });          
    });

所以在更新代码之前，动作元素是这样的：

 action : 'quote_ajax_submission',

像这样更新代码操作后...

 data: 'action=quote_ajax_submission&'+dataString,

【讨论】：