Ajax 成功函数被忽略 - 代码仍在运行

Question

我正在尝试通过 AJAX 向黑猩猩邮件帐户发布一段。如果调用成功，我想重定向到一个 URL。经过多次测试，每次调用都是成功的，但我无法获得重定向......就好像代码运行然后跳过 if “result = success”，然后直接进入我的 else 语句，这只是一个警报。当我查看返回的数据时，我得到“nullsuccess”。我什至尝试过 if result = "nullsuccess" 并且它仍然适用于 else 语句。

$("#mc-embedded-subscribe-form").submit(function(e) {   
    var url = $(this).prop('action'); // the script where you handle the form input.
        $.ajax({
            type: "POST",
            url: "update-member.php",
            data: $("#mc-embedded-subscribe-form").serialize(), // serializes the form's elements.
            dataType: "text",
            success: function(data){
                if(data.result == 'success'){
                    window.location.href = 'https://google.com';
                }else{
                    alert("ERROR-ONLY IT STILL SUBMITS DATA!");
                }
            }
        });        
    e.preventDefault(); // avoid to execute the actual submit of the form.
});

以上数据类型 - 我使用了“文本”，因为如果我使用“json”或“jsonp”，它会完全忽略成功函数，包括 if 和 else 语句。有趣的是这三种数据类型仍然可以成功发布数据。

这里是 PHP(update-member.php)

$apikey = 'myAPIKEYHERE';
            $auth = base64_encode( 'user:'.$apikey );    
            $data = array(
                'apikey'        => $apikey,
                'email_address' => $_POST['email_address'],
                'status'        => 'subscribed',
                'merge_fields'  => array(

                )                   
            );

            $json_data = json_encode($data);

            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, 'MYMAILCHIMPURL');
            curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json','Authorization: Basic '.$auth));
            curl_setopt($ch, CURLOPT_USERAGENT, 'PHP-MCAPI/2.0');
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
            curl_setopt($ch, CURLOPT_TIMEOUT, 10);
            curl_setopt($ch, CURLOPT_POST, true);
            curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
            curl_setopt($ch, CURLOPT_POSTFIELDS, $json_data);  

            echo json_encode($response_array);                                                                                                                

            $result = curl_exec($ch);
            $message = curl_errno($ch) === CURLE_OK ? 'success' : 'failure';
            echo $message; //echos nullsuccess

我觉得我没有从 update-member.php 返回一些东西，或者我没有在我的 ajax 成功函数中正确收集它。

Answer 1

正如 cmets 中所讨论的，您的 PHP 正在回显 2 件事：

echo json_encode($response_array);
// ...
echo $message;

因此该脚本返回 2 个串联的字符串 - 这解释了您所看到的奇怪的 nullsuccess。去掉第一个echo，这样你就只返回一个纯文本状态字。

下一个问题在于您的 Javascript。您已指定您的 AJAX 调用将返回一些文本：

dataType: "text",

事实上确实如此 - 纯文本 success 或 failure 状态消息。但是在使用该响应时，您的代码会将其视为 JSON：

if(data.result == 'success'){

data 是您的纯文本响应/状态消息，它没有 .result 属性。它只是文本，因此将其更改为：

if(data === 'success'){

更新

这是您的代码的简化工作版本。我在本地设置并验证它有效。我所做的唯一 事情就是我上面描述的——确保dataType 匹配PHP 返回的内容，并确保JS 在获取它时以这种方式对待它。在这种情况下，它一直是text。

复制此代码并尝试一下。在您的电子邮件字段中输入“a@a.com”以测试成功响应，以及测试失败的任何其他内容。

Javascript

$("#mc-embedded-subscribe-form").submit(function(e) {   
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: "update-member.php",
        data: $("#mc-embedded-subscribe-form").serialize(),
        dataType: "text",  // <-- WE EXPECT TO GET TEXT BACK
        success: function(data) {
            // Check what your PHP returns, make sure no newlines
            console.log(data);
            if (data === 'success') {  // <-- TREAT WHAT WE GOT AS TEXT
                window.location.href = 'https://google.com';
            } else {
                alert("Error");
            }
        }
    });        
});

PHP

<?php
// The problems you are having are unrelated to the Mailchimp processing,
// so let's simplify it to get the JS side working.  Make sure you have 
// no blank lines before or after your opening/closing PHP tags, as 
// they will show up in the output, and your JS would then see something
// like "\nsuccess" for example.  Also make sure nothing else in your PHP
// generates any output.
// WE RETURN TEXT
echo ($_POST['email_address'] === 'a@a.com') ? 'success' : 'failure';
?>

如果您尝试这样做但它不起作用，那么您在某个地方遇到了另一个问题。打开浏览器的开发工具，然后检查控制台。查看网络请求并查看 POST。

解决您的一些 cmets：

• 您通过调整问题的随机不相关部分使事情变得过于复杂。在这个特定的问题中，您只需要对齐几个剩余部分（其他部分已经在工作）：

  1) 如果你告诉你的 JS 你的 PHP 将返回文本，它必须返回文本。

  2) 如果您告诉您的 JS 您的 PHP 将返回文本，那么您的 JS 必须将您的 PHP 返回的内容视为文本。

  就是这样。真的没什么。

• GET 与 POST：convention and standards 是使用 GET 来检索和查看数据，并使用 POST 来更改数据。您正在订阅一个电子邮件地址 - 这是一个更改，您应该使用 POST。

  GET 或 POST 对您的 PHP 返回的内容、它是否运行正常或您应该使用什么 dataType 没有、没有、零影响。它们是拼图中不相关的部分（尽管这并不意味着您使用什么无关紧要）。

Answer 2

那是因为你可能没有设置 result = success。默认情况下，它已经在成功功能中。您必须在服务器端进行如下设置。

$data['result'] = 'success';

在 ajax 中你必须将 dataType 设置为 'json'

$("#mc-embedded-subscribe-form").submit(function(e) {   
    var url = $(this).prop('action'); // the script where you handle the form input.
        $.ajax({
            type: "POST",
            url: "update-member.php",
            data: $("#mc-embedded-subscribe-form").serialize(), // serializes the form's elements.
            dataType: "json", //CHANGED
            success: function(data){
                if(data.result == 'success'){
                    window.location.href = 'https://google.com';
                }else{
                    alert("ERROR-ONLY IT STILL SUBMITS DATA!");
                }
            }
        });        
    e.preventDefault(); // avoid to execute the actual submit of the form.
});