Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah

Cara mendapatkan kod status HTTP dalam JavaScript

Pengenalan:
Dalam pembangunan bahagian hadapan, kita selalunya perlu berurusan dengan interaksi dengan antara muka bahagian belakang, dan kod status HTTP adalah bahagian yang sangat penting daripadanya. Memahami dan mendapatkan kod status HTTP membantu kami mengendalikan data yang dikembalikan oleh antara muka dengan lebih baik. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan memberikan contoh kod khusus.

1. Apakah kod status HTTP merujuk kepada kod angka yang terkandung dalam pengepala respons yang dikembalikan oleh pelayan apabila penyemak imbas memulakan permintaan kepada pelayan. Kod angka ini mewakili hasil pemprosesan permintaan pelayan. Kod status biasa termasuk 200, 404, 500, dsb.

1XX: Menunjukkan bahawa permintaan telah diterima dan terus diproses. Yang biasa ialah 100 (sambung).
• 2XX: Menunjukkan bahawa permintaan telah berjaya diterima, difahami dan diterima oleh pelayan. Yang biasa ialah 200 (berjaya).
• 3XX: Menunjukkan tindakan lanjut diperlukan untuk melengkapkan permintaan. Yang biasa ialah 301 (ubah hala kekal) dan 302 (ubah hala sementara).
• 4XX: Menunjukkan ralat klien, permintaan mengandungi ralat sintaks atau permintaan tidak dapat diselesaikan. Yang biasa ialah 404 (tidak dijumpai) dan 403 (dilarang).
• 5XX: Menunjukkan ralat pelayan Ralat berlaku semasa pelayan sedang memproses permintaan. Yang biasa ialah 500 (ralat dalaman pelayan) dan 503 (perkhidmatan tidak tersedia).

2. Menggunakan XMLHttpRequest

XMLHttpRequest ialah objek penyemak imbas terbina dalam yang digunakan untuk berinteraksi dengan pelayan, yang melaluinya kami boleh menghantar permintaan HTTP dan mendapatkan respons pelayan. Apabila mendapat respons pelayan, kita boleh mendapatkan kod status HTTP melalui atribut status objek XMLHttpRequest.

Contoh kod khusus:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        var status = xhr.status;
        console.log(status);
    }
};
xhr.send();

Dengan kod di atas, kami menghantar permintaan GET ke antara muka "http://example.com/api", dan memperoleh kod status HTTP selepas menerima respons pelayan.

3. Gunakan fetch

fetch ialah API permintaan rangkaian yang dipermudahkan dalam JavaScript Ia menggunakan Promise untuk mengendalikan operasi tak segerak bagi permintaan rangkaian. Hasil yang dikembalikan oleh pengambilan ialah objek Promise dan kami boleh mendapatkan kod status HTTP melalui atribut res.statusnya.

Contoh kod khusus:

fetch('http://example.com/api')
    .then(function(res) {
        var status = res.status;
        console.log(status);
    });

Melalui kod di atas, kami juga menghantar permintaan GET ke antara muka "http://example.com/api", dan memperoleh kod status HTTP selepas menerima respons pelayan.

Di atas ialah dua kaedah biasa untuk mendapatkan kod status HTTP menggunakan JavaScript, dan contoh kod khusus disediakan. Dalam pembangunan bahagian hadapan, memahami dan mendapatkan kod status HTTP boleh membantu kami memproses data yang dikembalikan oleh antara muka dengan lebih baik untuk meningkatkan pengalaman pengguna dan kebolehpercayaan aplikasi. Semoga artikel ini bermanfaat kepada semua orang!

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!