如何将错误消息放入 if 语句 if(...)

Question

我正在尝试从面部识别 API 获取 ajax 响应。响应是人脸的数据特征， 错误信息是

{"Errors":[{"Message":"在图像中找不到人脸","ErrCode":5002}]}

响应消息是

{"images":[{"status":"Complete","width":236,}]}]}

我应该如何编写 If/else 语句，以便在有面/响应时提示“成功”，如果没有面/错误则提示“失败”？

$("#testDetect").click(function () {
    var file = $('#imageFile')[0].files[0]; 
    var reader  = new FileReader();
    reader.readAsDataURL(file);
    reader.onloadend = function () {
      var imageData = parseImageData(reader.result);
      var data = {};
      data.image = imageData;
      $.ajax({
      url      : "http://localhost/Karios/simple-detect/form-post.php",
      type     : "POST",
      data     :  data,
      dataType : 'text'
   }).done(function(response) {

     console.log(response);

            if (!response) { 

                alert('Hmm, unexpected response from Kairos');
            } else if (response['Errors'] && response['Errors'].size() > 0) { 
                if (response['Errors'][0]['ErrCode'] == 5002) { 

                    alert(response['Errors'][0]['Message']);

                } else {

                    alert('Some other error occurred:\n' + response['Errors']['ErrorCode'] + ': ' + response['Errors']['Message']);

                }
                
            } else { 

                alert('Face(s) detected');
      }  
    })
    }
});

如果有人脸，如果没有人脸则提示“失败”

Answer 1

实际上 jquery 为每个都提供了一个 .done 和 .fail ，所以：

    $.ajax({
              url      : "http://localhost/Karios/simple-detect/form-post.php",
              type     : "POST",
              data     :  data,
              dataType : 'text'
           }).done(function(response) {
    try {
let jsonResponse = JSON.parse(response);
      if(jsonResponse.Errors && jsonResponse.Errors[0] && jsonResponse.Errors[0].ErrCode ===5002) {alert(jsonResponse.Errors[0].Message);}
    } catch(err) { console.log("bad response");}
                alert( "success" );
           })
          .fail(function() {
            alert( "error" );
          })
          .always(function() {
            alert( "complete" );
          });

Answer 2

$("#testDetect").click(function () {
    var file = $('#imageFile')[0].files[0]; 
    var reader  = new FileReader();
    reader.readAsDataURL(file);
    reader.onloadend = function () {
      var imageData = parseImageData(reader.result);
      var data = {};
      data.image = imageData;
      $.ajax({
      url      : "http://localhost/Karios/simple-detect/form-post.php",
      type     : "POST",
      data     :  data,
      dataType : 'text',
      success:function(response){
        alert('success');       //do your stuff here on success
      },
      error:function(xhr, textStatus, errorThrown){
        alert('fail');          //do your stuff here on fail
      }
   })
  }
})

查看error 和success 回调。当 ajax 请求成功解析时，将调用 success 回调，指示请求成功，结果将包含在 response 中，否则将调用 error 回调。

Answer 3

我会假设Errors 键仅在没有匹配项时出现。

{"Errors":[{"Message":"no faces found in the image","ErrCode":5002}]}

一种方法是：

if(response.Errors){
    alert("fail!"); // or you can return the error message
}else{
    alert("success");
}

如果响应总是包含Errors 键，那么：

if(response.Errors.length > 0){ 
    // fail 
} else { 
     //success 
}

Answer 4

      $.ajax({
      url      : "http://localhost/Karios/simple-detect/form-post.php",
      type     : "POST",
      data     :  data,
      dataType : 'text'
   }).done(function(response) {

      if(response.Errors)
      {
      alert("fail!");
      console.log(response.Errors.Message)
    }
    else{
    alert('success!');
    }
      console.log(response)
})

Answer 5

使用AJAX Events 的处理程序而不是响应解析。可以使用Global Ajax Event Handlers注册。
例如，删除.done() 方法并将以下代码附加到您的javascript：

$(document).ajaxSuccess(function() {
  alert("AJAX request is success!");
});
$(document).ajaxError(function() {
  alert("AJAX request completes with an error.");
});

或者处理本地事件：

$.ajax({
   // ...
   success: function(){
     alert("AJAX request is success!");
   },
   error: function(){
     alert("AJAX request completes with an error.");
   }
 });