javascript - 即使 json_encode 正确且一切正常，Ajax 请求也始终会引发错误

Question

我正在做电子商务，我实现了一个 AJAX 请求来动态地添加和删除购物车中的商品。每次执行 jQuery 时一切正常，它总是返回200 OK，但会触发错误事件而不是成功。

这就是它的工作原理:

每次用户单击“添加到购物车”按钮时，Jquery 都会检查该商品是否可用，然后插入、添加或返回错误:

• 状态 1 = 产品已插入购物车(空购物车，首次添加此产品)
• 状态 2 = 产品已添加到购物车(该产品已在购物车中，添加 +1)
• 状态 3 = 库存不足(购物车中已包含所有产品)

jQUERY 代码

$.ajax({

    type: "GET",
    url: "addCart.php",
    data: { id: id, color: color },
    dataType: "json",

    success: function(result){ 
        if (result.status == 1){ alert("Product Inserted into Cart"); }
        if (result.status == 2){ alert("Product Added to Cart"); }
        if (result.status == 3){ alert("Not enough Stock"); }
    },

    error: function (result) {
        alert(result.responseText)
    }   

});

PHP 代码 (addCart.php)

## I REMOVED NON-RELEVANT CODES TO SIMPLIFY THIS QUESTION BUT ALL VALIDATIONS
## HAVE ALREADY BEEN DONE, THEN RETURN THE JSON RESPONSE...

if ($status == 1){
    $status_txt = "Product Inserted into Cart";

}elseif ($status == 2){
    $status_txt = "Product Added to Cart";

}elseif ($status == 3){
    $status_txt = "Not enough stock";

}

echo json_encode(array("status" => $status, "alert" => $status_txt));

每次执行代码时，一切都会正常工作，商品会添加到购物车，所有插入和更新都会完成，它总是返回 200 OK 但是 错误事件会被触发成功的秘诀。

重要///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

字符串 $status 和 $status_txt (addCart.php) 从不返回空值，它们始终返回整数和文本消息。避免空值 ("") 解析错误。

我已经尝试过但没有成功的方法:////////////////////////////////////////////////////////////////////////////

• 删除(数据类型:“json”)
• 将数据类型:“json”更改为“text”
• 强制 header ('Content-Type:application/json')；
• 使用exit(); json_encode 之后
• 检查我的 JSON 在外部站点上是否有效，即:jsonlint.com

我已经设法暂时解决了我的问题。我使用 Javascript substr() 来获取错误 responseText 的状态号，然后对 Ajax 错误事件进行所有验证:

JAVASCRIPT 解决方法

    error: function (result) {

        status = result.responseText.substr(10, 1); 
        if (status == 1){ alert("Product Inserted into Cart"); }
        if (status == 2){ alert("Product Added to Cart"); }
        if (status == 3){ alert("Not enough Stock"); }

    }

其中responseText返回Json结果:

{"status":1,"alert":"Product inserted to Cart"}

使用 substr() 将返回状态编号(1、2 或 3):

status = result.responseText.substr(10, 1); 

我知道这不是处理这个问题的正确方法，这就是为什么我想修复这个让我发疯的错误......

我做错了什么？我已经多次使用过这段代码，以前从未遇到过这个问题，我在 StackOverflow 上读过大量类似的问题，但没有一个对我有用...

感谢任何帮助!

Answer 1

您的 JSON 响应正文无效。这可以在your comment中看到。 ...

I get Array{"status":1,"alert":"Product Inserted"}

该“Array”前缀无效，通常是 PHP 中在 echo JSON 之前意外进行数组到字符串转换的指示。例如

echo [1,2,3]; // Notice: Array to string conversion in ...

开发时，您应该始终运行 PHP，并将错误报告设置为最高级别。在输出中显示错误也是收到警报的最快方式。

你有两个选择...

1. 在开发环境的 php.ini 文件中，设置

   error_reporting = E_ALL
   

   和

   display_errors = On
   

2. 在您的代码中

   ini_set('display_errors', 'On');
   error_reporting(E_ALL);
   

这应该可以帮助您追踪任何意外输出(确实如此)。

<小时/>

此外，您在客户端错误处理程序中错过了重要信息。回调的签名是

Function( jqXHR jqXHR, String textStatus, String errorThrown )

您可以通过简单的事情获得一些有值(value)的见解

console.error(textStatus, errorThrown)