在開發(fā)的過程中，我們經(jīng)常需要判斷多個文件是否存在。使用傳統(tǒng)的方式一個個發(fā)送請求去判斷文件是否存在是非常費(fèi)時費(fèi)力的。然而，有幸的是，通過使用Ajax技術(shù)，我們可以輕松地并行判斷多個文件是否存在。本文將介紹如何使用Ajax獲取多個文件是否存在，并附帶代碼示例。

假設(shè)我們需要判斷以下三個文件是否存在：file1.txt、file2.txt和file3.txt。首先，我們需要定義一個函數(shù)，用于發(fā)送Ajax請求并判斷文件是否存在。代碼如下：

function checkFileExistence(file) {
return new Promise(function(resolve, reject) {
const xhr = new XMLHttpRequest();
xhr.open('HEAD', file);
xhr.onload = function() {
if (xhr.status === 200) {
resolve(file + ' 存在');
} else {
reject(file + ' 不存在');
}
};
xhr.onerror = function() {
reject(file + ' 無法訪問');
};
xhr.send();
});
}

上述代碼中，我們使用了Promise對象來封裝Ajax請求。該函數(shù)將返回一個Promise對象，當(dāng)文件存在時，Promise將被resolve，否則將被reject。在函數(shù)體內(nèi)部，我們使用XMLHttpRequest對象發(fā)送一個HEAD請求到指定的文件。如果返回的狀態(tài)碼為200，則表示文件存在；否則，表示文件不存在或無法訪問。

接下來，我們可以使用checkFileExistence()函數(shù)來判斷多個文件是否存在。我們可以使用Promise.all()方法來并行發(fā)送多個請求，并在所有請求都完成后進(jìn)行處理。代碼如下：

const files = ['file1.txt', 'file2.txt', 'file3.txt'];
Promise.all(files.map(checkFileExistence))
.then(function(results) {
results.forEach(function(result) {
console.log(result);
});
})
.catch(function(error) {
console.log(error);
});

上述代碼中，我們將文件名存儲在一個數(shù)組中。然后，我們使用map()方法遍歷數(shù)組，對每個文件名調(diào)用checkFileExistence()函數(shù)。Promise.all()方法接收一個Promise數(shù)組作為參數(shù)，并返回一個新的Promise。當(dāng)所有的Promise都被resolve時，新的Promise被resolve，并傳遞包含所有結(jié)果的數(shù)組。如果任何一個Promise被reject，則新的Promise將立即被reject，并傳遞第一個被reject的Promise的錯誤信息。

最后，我們使用then()方法處理resolve的結(jié)果，使用catch()方法處理reject的錯誤。在then()方法中，我們對每個文件的結(jié)果進(jìn)行遍歷，并打印到控制臺上。在catch()方法中，我們打印出第一個被reject的錯誤信息。

通過上述方法，我們可以輕松地使用Ajax獲取多個文件是否存在。當(dāng)我們需要判斷大量文件的存在性時，這種并行請求的方式將大大提高效率。希望本文對你在開發(fā)中有所幫助。