如何处理 JQuery/AJAX 错误响应？

Question

可能很简单，但我不知道如何处理 jQuery/AJAX 错误

我已经成功地使用 AJAX 提交了一个表单，它工作得很好，除了我无法捕捉并显示我想要的错误。

响应采用 JsonResponse 形式，returns此数组包含所有错误（可以是一个或多个） {error: {account_number: ["Account with this Account number already exists."]}}

我想在 div 中显示所有错误，但以下代码不起作用

$("#form").submit(function(e) {
  e.preventDefault();
  // serialize the data for sending the form data.
  var serializedData = $(this).serialize();
  // make POST ajax call
  $.ajax({
    type: 'POST',
    url: "ajax_call.php",
    data: serializedData,
    success: function(response) {
      alert('Done!')
    },
    error: function(response) {
      // alert the error if any error occured
      $("#error-message").prepend(
        response["responseJSON"]["error"]
      )
    }
  })
})

Answer 1

我发现了问题，我没有正确处理响应

error: function (response) {
  var error = response ["responseJSON"]["error"];
  $.each(error, function( code, message ) {
     $('#error-message').show().append(message);
  });
}

如何处理 JQuery/AJAX 错误响应？

How do I handle a JQuery/AJAX error response?

ajax

jquery