javascript - 使用 jQuery 进行多个 Ajax 调用

Question

我是 jQuery 新手，我需要检索多个 ajax 调用的状态代码。对于每个 ajax 调用，我需要显示两个警报弹出消息中的一个:1)成功(如果状态代码为 200)2)失败(对于 200 状态代码以外的任何情况)

我能够显示成功警报弹出窗口，但不确定如何/在哪里显示失败消息:

$(document).ready(function() {
          $("#btnSubmit").click(function(){
            for (var i = 8078; i < 8085; i++) {
              jQuery.ajax({
                'url': 'http://localhost:' + i + '/test/',
                dataType : 'jsonp',
                crossDomain:true,
                async:false,
                statusCode: {
                  200: function() {
                    alert('Success');
                  }
                }
              });
            };
          });
      });

请让我知道如何处理失败情况。另外，我不确定我是否正确使用了For循环；请指导。

Answer 1

您在 $.ajax 中有名为 error 的属性。您可以尝试如下:

$("#btnSubmit").click(function(){
     for (var i = 8078; i < 8085; i++) {
         jQuery.ajax({
             'url': 'http://localhost:' + i + '/test/',
              dataType : 'jsonp',
              crossDomain:true,
              async:false,
              statusCode: {
                  200: function() {
                    alert('Success');
              },
              error:function(data){
                    alert('Failed');
              },
          });
     }
});

同样，您有success来检查success响应

更新

您可以尝试另一种方法来完成它，如下所示:

for (var i = 8078; i < 8085; i++) {
    jQuery.ajax({
           'url': 'http://localhost:' + i + '/test/',
            dataType : 'jsonp',
            crossDomain:true,
            async:false,
    })
    .done( function( data ) {
           // Handles successful responses only
    })
    .fail( function( reason ) {
           // Handles errors only
           console.debug( reason );
    })
    .always( function( data, textStatus, response ) {
           // If you want to manually separate stuff
           // response becomes errorThrown/reason OR jqXHR in case of success
    })
    .then( function( data, textStatus, response ) {
           // In case your working with a deferred.promise, use this method
           // Again, you'll have to manually separates success/error
    });
}