我正在使用jQuery.ajax进行REST调用并检索一些 JSON.它按预期工作.但是,当我强制执行错误条件(例如无效的URL)时,always方法不会触发.如果我设置crossDomain = false或dataType =’json’,那么总是会触发.但是,我不能在我的生产代码中这样做.如果你设置url =’ http://ip.jsontest.com/‘然后总是触发.我创建了一个小例子来说明问题：

var jqXHR = jQuery.ajax({
    type: 'GET',async: false,cache: false,url: 'http://ip.jsontest.com.BADURL/',contentType: 'application/json; charset=UTF-8',crossDomain: true,dataType: 'jsonp'
})
.done(function (data,textStatus,jqXHR) {
    console.log('Your IP is ' + data.ip);
    console.log('done was called');
})
.fail(function (jqXHR,errorThrown) {
    console.log('fail was called');
})
.always(function (dataOrjqXHR,jqXHRorErrorThrown) { console.log('always was called'); });

您可以在使用jQuery 1.9.1的jquery.com的控制台中运行它.我使用jQuery 1.11.1有相同的行为.当网址不可用时,我总是需要触发以处理时间.我在IE11,Chrome 38和FF 33中都有相同的行为.我做错了什么或者这是一个错误？
谢谢.

这是JSONP调用已知的东西.根据 $.ajax参考错误：

Note: This handler is not called for cross-domain script and cross-domain JSONP requests.

另请注意,不支持同步JSONP调用：

Cross-domain requests and dataType: “jsonp” requests do not support synchronous operation.

解决方法通常涉及1)为调用设置超时或2)使用插件添加更多典型的错误功能.

1)设置超时(和async true)

var jqXHR = jQuery.ajax({
    type: 'GET',async: true,dataType: 'jsonp',timeout: 2000
})
.fail(function (jqXHR,errorThrown) {
    console.log('fail was called');
})
.done(function (data,jqXHR) {
    console.log('Your IP is ' + data.ip);
    console.log('done was called');
})
.always(function (dataOrjqXHR,jqXHRorErrorThrown) { console.log('always was called'); });

2)jQuery JSONP plugin增加了错误恢复功能.

这可能是我对 AJAX如何运行的误解,但我有一种情况,即在GET请求实际完成之前调用$.get回调(.always()).至少,这就是它的样子.

代码

var apiRequest  = 'some/url/';

// fetch list of video embed codes
$.get( apiRequest,function( embed_codes ) {

    // added this per Explosion Pills' answer
    var jqxhrs = [];

    // for each embed code,get video details (name,duration,etc.)
    for ( var i = 0; i < embed_codes.length; i++ ) {
        var videoDetailsRequest = '/v2/assets/' + embed_codes[i];
        //..declare vars..

        // fetch video details
        var jqxhr = $.get( videoDetailsRequest,function( video ) {
            // build playlist entry for each video
            playlistItem = '<li><h3>' + video.name + '</h3><p>' + video.description + '</p></li>';

            // create object of video HTML,with key = "video name" for sorting later
            videoArray[video.name] = playlistItem;
        },'jsonp' )

        // added this per Explosion Pills' answer
        jqxhrs.push( jqxhr );
    }

    // updated from jqxhr.always( function() {
    $.when( jqxhrs ).always( function() {
        // create array of keys
        for ( k in videoArray ) {
            if ( videoArray.hasOwnProperty( k ) ) { keys.push( k ); }
        }

        // append alphabetized list of videos to the page...
    });
},'jsonp' );

代码的作用

本质上,代码执行此操作：循环浏览视频嵌入代码列表.对于for循环的每次迭代,获取有关每个视频的详细信息并将这些细节推送到多维数组中.完成获取所有视频后,请调用.always()回调,该回调将视频分类为按字母顺序排列的播放列表并附加到页面.

问题

在获取所有视频之前,有时会调用.always()回调.播放列表中有9个视频,但有时在回拨被触发之前只返回6或7个视频,这意味着我的播放列表有点短.我已通过alert()键数和使用控制台对此进行了测试.我看到的是6-7个视频将返回,然后回调中的alert()会触发,然后返回剩余的视频.

我的问题：

为什么会这样？我认为在AJAX请求完成后触发了.always()回调.这是不是意味着在回调被触发之前应该返回所有视频？我怀疑它与AJAX中的“A”有关,但我认为always()回调的目的是解释这一点.非常感谢任何帮助我理解的东西.谢谢！

你设置它的方式,一旦循环中的最后一个ajax请求完成,.always回调就会触发.这可能与其他人无关.当循环中的所有请求都已完成或外部请求已完成时,我无法判断是否要触发它.

对于外部请求,这很容易.只需将一个呼叫链接到.always(或.done,我相信它们是相同的,后者是首选).

如果您希望在完成所有其他ajax请求后完成,则可以使用$.when,它会检查所有延迟对象何时完成：

var jqxhrs = [];
   ...for loop...
   var jqxhr = $.get( videoDetailsRequest
   ...
   },'jsonp');
   jqxhrs.push(jqxhr);
...
$.when.apply(undefined,jqxhrs).always(function () { /* your intended callback */

或者,您可以使用.pipe：

//Create initial deferred object
var jqxhr = $.Deferred();
   ...for loop...
   jqxhr = jqxhr.pipe($.get(...
jqxhr.always(function () { /* callback */