Javascript ajax-查看是否存在两个URL

我目前所做的工作适用于第一个URL测试，但是，如果第一个URL不存在，我不知道如何让它测试第二个URL

    var str = document.title.replace(/ | My Site/i, '');
    var title = str.replace(/ /g, '-');
    var finish = title.toLowerCase();
    var banner = finish.split('-', 1)[0]
    var address = "http://example.com/images/" + finish + ".jpg";
    var banneraddress = "http://example.com/images/" + banner + "-banner.jpg";
    $.ajax({
        type: 'HEAD',
        url: address,
            success: function() {
                // Primary URL exists
                document.getElementById("TRY").src = address;
            },
            error: function() {
                $.ajax({
                type: 'HEAD',
                url: banneraddress,
                    success: function() {
                        // Secondary URL exists
                        document.getElementById("TRY").src = banneraddress;
                    },
                    error: function() {
                        // Both failed
                        null
                    }
                });
            }
    });

需要做的是，如果用户加载一个页面并且/images/page-title.jpg存在，它会将该src添加到ID为“TRY”的图像中

如果测试失败，如果/images/page-banner.jpg存在，则将该src添加到图像中

---

现在，如果两者都不起作用。

只需将AJAX逻辑移动到单独的函数，稍后您可以询问函数是否存在这两个图像，如果存在，您可以更改图像的

src

属性

例如

---

您应该修改

success

和

error

回调以返回

true

或

false

因此，如果我理解正确：if（checkIfImageExists（“example.com/images/”+finish+“.jpg”）| checkIfImageExists（“example.com/images/“+banner+”-banner.jpg”）{如果（1存在）{显示图像1}否则{显示图像2}（基本上）？是的，但您可以直接使用变量-

地址

和

横幅地址

。

if( checkIfImageExists(address) && checkIfImageExists(banner_address) ) {
    // both images exists, change src attribute
} else {
    // both images do not exists, do something else
}