Bagaimanakah Saya Boleh Mengesahkan Kewujudan Fail pada Pelayan Menggunakan jQuery dan JavaScript?

Mengesahkan Kewujudan Fail dengan jQuery dan JavaScript

Menentukan kewujudan fail pada pelayan adalah penting dalam pelbagai senario pembangunan web. Panduan komprehensif ini akan membimbing anda melalui dua pendekatan praktikal: menggunakan jQuery dan JavaScript tulen.

Kaedah jQuery

jQuery menyediakan kaedah yang elegan untuk menyemak kewujudan fail menggunakan XHR dengan Jenis permintaan HEAD. Kod berikut menunjukkan pendekatan ini:

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

Kaedah JavaScript Tulen

Tanpa jQuery, JavaScript tulen menawarkan keupayaan yang serupa menggunakan objek XMLHttpRequest. Berikut ialah pelaksanaan yang berkesan:

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

Perhatikan bahawa kod di atas menyemak kod status HTTP 404. Untuk mengesahkan kod status yang berjaya (cth., 200), buat pengubahsuaian berikut:

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

Alternatif Async untuk JavaScript

Memandangkan XMLHttpRequest segerak ditamatkan, pertimbangkan berikut kaedah utiliti tak segerak:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesahkan Kewujudan Fail pada Pelayan Menggunakan jQuery dan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!