如果找不到文件，如何继续 ajax 剩余请求？

Question

我正在尝试编写一个函数，该函数采用attribute-data 标记的所有 css/js 文件，并在服务器端修改任何脚本时刷新。我的initial attempt 涉及 php 和 jquery/javascript。这个新尝试仅基于 javascript/jquery！

我的问题是，在将 ajax 请求链接到这些文件时（对于修改日期），如果找不到文件，所有 ajax 请求都会停止。例如，如果我将（现有）style.css 重命名为（不存在）style_.css，所有链接的 ajax 请求都会中止，并且代码不会继续。

var file_url = [url1, url1, url3, url4, url5];

function getLatestModificationDate(file_url){
    $.when.apply($, file_url.map(function(url) {
        return $.ajax({ type: 'HEAD', url: url, beforeSend: function(jqXHR, settings) { jqXHR.url = settings.url; } });

    })).done(function() {
        var results = [], lastModified, file_jqXHR; 
        //each argument passed to this callback for ajax, is of this form [data, statusText, jqXHR]
        for (var i = 0; i < arguments.length; i++) {
            var obj= {};
            file_jqXHR = arguments[i][2]; //jqXHR
            lastModified = file_jqXHR.getResponseHeader('Last-Modified');
            obj['file'] = file_jqXHR.url;
            obj['modDate'] = lastModified;

            fileArray.push(obj); 
        }
        mainFunction(fileArray); //the main function, not in scope for this question.
    });
  }

我尝试在 beforeSend 之后在 ajax 中添加 error 选项，这不允许继续剩余的 ajax 请求。不知道return ajax apply(.., ..) 可以返回 false 以跳过对 404 的当前请求，因为我不知道如何跳过或返回 false 的 ajax？有什么快速的方法来检查文件是否存在？所以我只将现有文件添加到传递给function getLatestModificationDate(file_url){...} 的file_url 数组中

编辑：这是 Chrome 控制台的屏幕截图。

编辑：

我发现this question's answer 使用新的延迟来完成 ajax ......有人可以提供有关如何将该代码用于我的问题的任何简化吗？谢谢！

var myDeferred = $.Deferred();
var origDeferred = $.ajax(...);
// if request is ok, i resolve my deferred
origDeferred.done(function() {
  myDeferred.resolve.apply(this, arguments);
});
// if request failed, i also resolve my deferred
origDeferred.fail(function() {
  myDeferred.resolve.apply(this, arguments);
});

Answer 1

您可以使用 Try-Catch 块：

for (var i = 0; i < arguments.length; i++) {
    try{
            var obj= {};
            file_jqXHR = arguments[i][2]; //jqXHR
            lastModified = file_jqXHR.getResponseHeader('Last-Modified');
            obj['file'] = file_jqXHR.url;
            obj['modDate'] = lastModified;

            fileArray.push(obj); 
    }catch(e){}
}