Bagaimana untuk Menolak Janji Ambil dan Menangkap Ralat Apabila Kod Status Tidak OK?

Bagaimana untuk Menolak Janji Ambil dan Menangkap Ralat Apabila Status Tidak OK?

Banyak aplikasi JavaScript moden menggunakan API Ambil untuk membuat permintaan HTTP. API Ambil mengembalikan objek Promise yang menyelesaikan kepada objek Respons. Objek Respons boleh digunakan untuk mengakses kod status, pengepala dan kandungan respons.

Kadangkala, pelayan akan bertindak balas dengan kod status HTTP yang menunjukkan ralat. Sebagai contoh, pelayan mungkin bertindak balas dengan kod status 404 jika sumber yang diminta tidak ditemui. Secara lalai, Fetch Promise tidak akan menolak apabila pelayan membalas dengan kod status bukan 2xx.

Ini boleh menyukarkan untuk mengendalikan ralat dalam kod anda. Untuk menyelesaikan isu ini, anda boleh menggunakan fungsi status() untuk menyemak kod status objek Respons sebelum menyelesaikan atau menolak Promise. Berikut ialah contoh cara anda boleh menggunakan fungsi status() untuk menolak Fetch Promise apabila kod status tidak OK:

function fetchVehicle(id) {
    return dispatch => {
        return dispatch({
            type: 'FETCH_VEHICLE',
            payload: fetch(`http://swapi.co/api/vehicles/${id}/`)
                .then(status)
                .then(res => res.json())            
                .catch(error => {
                    throw(error);
                })
            });
    };
}

function status(res) {
    if (!res.ok) {
        return Promise.reject()
    }
    return res;
}

Kod ini akan menolak Fetch Promise jika kod status objek Respons tidak OK. Anda kemudiannya boleh menggunakan kaedah .catch() untuk mengendalikan ralat.

Berikut ialah contoh cara anda boleh menggunakan kaedah .catch() untuk mengendalikan ralat:

fetchVehicle(1).catch(error => {
    console.log(error);
});

Ini kod akan log ralat ke konsol.

Atas ialah kandungan terperinci Bagaimana untuk Menolak Janji Ambil dan Menangkap Ralat Apabila Kod Status Tidak OK?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!