如何使用Jquery ajax从Laravel输出json响应（发生错误时）

Question

我在请求和响应过程中没有问题，直到我尝试解析/处理发生错误时从laravel返回的json数据。

当上传的文件大于系统接受的大小时，我想显示一条消息错误。 我的动作是这样的：

...
if($_FILES['file1']['size'] > 0)
  {
    http_response_code(413);
    return Response()->json(["errorMsg" => "Your file is too large!"], 413);


  }
....

客户代码：

  $.ajax({
                type: "POST",
                url: "/anuncio/realizar_upload_foto",
                 contentType: false,
                cache: false,
                dataType: "JSON",
               processData: false

...

...
    error: function (xh, jso) 

            {


                  alert(jso.errorMsg); //undefined here



                }

            });

Answer 1

用您的方式，您应该在xh.responseJSON.errorMsg找到您的数据

但是您应该遵循REST Api的做法。

首先，您应该返回json代码200并传递您的状态消息。

return response()->json([
    "status" => "success",
    "data" => [....yourdata]
], 200);

在错误的情况下

return response()->json([
    "status" => "error",
    "msg" => "Your file is too large!"
], 4**);

Answer 2

根据jQuery.ajax（）文档 ， error回调接受3个参数：

错误

类型：函数（jqXHR jqXHR，字符串textStatus，字符串errorThrown）

第二个参数（代码中的jso ）只是一个指示状态的字符串（例如"error" ）。 它不包含任何HTTP响应正文数据。

要在error回调中获取errorMsg ，您需要使用第一个参数（ jqXHR ）。 示例代码为：

error: function(jqXHR, status, error) {
  var errorObj = jqXHR.responseJSON; // This only works when dataType is defined as "JSON", or the "Content-Type" of HTTP response is "application/json". Otherwise, use the below general code.
  //var errorObj = JSON.parse(jqXHR.responseText);

  alert(errorObj.errorMsg);
}