jQuery と Pure JavaScript を使用してサーバー ファイルの存在を確認するにはどうすればよいですか?

jQuery および Pure JavaScript でのサーバー ファイルの存在検証

Web 開発のコンテキストでは、ファイルが存在するかどうかを確認することが重要になります。サーバーは、対話したり操作を実行したりする前に存在します。 jQuery と純粋な JavaScript はどちらも、この目的のための効果的なソリューションを提供します。

jQuery メソッド:

jQuery は $.ajax() 関数を利用して、指定された URL からリソースをリモートで取得します。 。 「HEAD」リクエスト タイプを使用すると、実際に内容をダウンロードせずにファイルの存在を確認できます。

$.ajax({
    url: 'http://www.example.com/somefile.ext',
    type: 'HEAD',
    error: function() {
        // File does not exist
    },
    success: function() {
        // File exists
    }
});

純粋な JavaScript メソッド:

JavaScript のXMLHttpRequest オブジェクトは、ファイルの存在を確認する別の方法を提供します。 HEAD リクエストを実行すると、サーバーはファイルの可用性を示す HTTP ステータス コードを返します。

function UrlExists(url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status != 404;
}

HTTP ステータス コード 200 の変更:

上記のコードファイルが存在しないことを示す 404 ステータス コードをチェックします。成功した HTTP ステータス コード 200 を確認するには、次の変更を加えます:

return http.status === 200;

非同期実行:

同期 XMLHttpRequest は非推奨であるため、非同期アプローチは次のとおりです。次のユーティリティを使用して実装しますメソッド:

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback()
        }
    }
    xhr.open('HEAD', src)
}

これらのメソッドを使用すると、開発者はサーバー ファイルの存在を効率的に判断でき、信頼性が高く効率的な Web アプリケーションを確保できます。

以上がjQuery と Pure JavaScript を使用してサーバー ファイルの存在を確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。