Jquery ajax没有捕获404 [重复]

Question

我正在尝试使用 AJAX 填充我的下拉列表，并且我从控制器返回 404 错误消息，而 Ajax 没有捕捉到它...

我在控制器的回报是

return Response()->json(array('error' => '404 car type not found'), 404);

这是我的 JS

$('document').ready(function () {
$('#car_type').bind('changed.bs.select', function () {
    $.ajax({
        type: 'POST',
        url:'carclass/'+$('#car_type').val(),
        dataType: 'json',
        error: function(XMLHttpRequest, textStatus, errorThrown){
            alert('status:' + XMLHttpRequest.status + ', status text: ' + XMLHttpRequest.statusText);
        },
        success: function( json ) {
           $.each(json, function(i, obj){
                $('#car_class').append($('<option>').text(obj.name).attr('value', obj.id));
           });
           $('#car_class').selectpicker('refresh');
        }
});
 });
 });

它正在返回

GET http://localhost:8000/ads/cartype/2 404 (Not Found)

Answer 1

请改用fail()。您还可以使用done() 回调，它是success 的替代方法。

$.ajax( "example.php" )
  .done(function(data) {
    $.each(data.responseJSON, function(i, obj) {
            $('#car_class').append($('<option>').text(obj.name).attr('value', obj.id));
    });
    $('#car_class').selectpicker('refresh');
  })
  .fail(function(data) {
    alert('status:' + this.status + ', status text: ' + this.statusText);
  })
  .always(function() {
    alert( "complete" );
  });

Answer 2

将您的 error 块替换为类似这样的内容，其中 xhr.status 将为您提供响应的状态代码。

error:function (xhr, ajaxOptions, thrownError){
    if(xhr.status==404) {
        alert('status:' + xhr.status + ', status text: ' + xhr.statusText);
    }
}