Permulaan Pantas JavaScript: Mendapatkan Kod Status HTTP

Mula Pantas: Menggunakan JavaScript untuk mendapatkan kod status HTTP, contoh kod khusus diperlukan

Pengenalan:
Apabila membangunkan aplikasi web, kita sering perlu berinteraksi dengan pelayan dan mendapatkan kod status HTTP. Kod status HTTP ialah nombor tiga digit yang dikembalikan oleh pelayan sebagai tindak balas kepada permintaan Ia menyediakan diagnostik asas dan maklumat tentang status permintaan. Dalam artikel ini, kami akan mempelajari cara mendapatkan kod status HTTP menggunakan JavaScript dan memberikan beberapa contoh kod konkrit.

1. Hantar permintaan HTTP menggunakan objek XMLHttpRequest
   Untuk mendapatkan kod status HTTP, kami perlu menghantar permintaan HTTP terlebih dahulu menggunakan objek XMLHttpRequest (XHR). Objek XHR membolehkan kami berkomunikasi secara tidak segerak dengan pelayan dan mendapatkan data tindak balas di latar belakang.

Berikut ialah contoh kod menggunakan objek XHR untuk menghantar permintaan GET:

let xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://example.com/api/data", true);
xmlhttp.send();

2. Dengar perubahan keadaan objek XHR
   Apabila objek XHR menghantar permintaan dan menerima respons daripada pelayan, readyStatenya perubahan harta. Kita boleh mendapatkan kod status HTTP dengan mendengar perubahan dalam atribut ini.

Berikut ialah contoh kod menggunakan acara onreadystatechange untuk memantau perubahan status objek XHR:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 输出HTTP状态码
    }
};

3. Dapatkan kod status HTTP
   Setelah nilai atribut readyState objek XHR ialah 4, kita boleh mendapatkan kod status HTTP melalui atribut status. Kod status HTTP biasanya dikembalikan dalam bentuk nombor, seperti 200 untuk "OK", 404 untuk "Tidak Ditemui", 500 untuk "Ralat Pelayan Dalaman", dan sebagainya.

Berikut ialah contoh kod untuk mendapatkan kod status HTTP:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 输出HTTP状态码
    }
};

4. Memproses kod status HTTP yang berbeza
   Mengikut kod status HTTP yang berbeza, kita boleh membuat logik pemprosesan yang berbeza. Berikut ialah beberapa kod status HTTP biasa dan kaedah pemprosesan yang sepadan:

• 200: Permintaan berjaya dan anda boleh terus memproses data yang dikembalikan oleh pelayan.
• 404: Sumber yang diminta tidak wujud Anda boleh memaparkan halaman ralat atau menggesa pengguna untuk masuk semula.
• 500: Ralat pelayan dalaman, anda boleh memaparkan halaman ralat atau melaporkan masalah kepada pelayan.

Berikut ialah contoh kod untuk pemprosesan berdasarkan kod status HTTP yang berbeza:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        if (this.status === 200) {
            // 请求成功
            console.log("请求成功");
            console.log(this.responseText); // 输出服务器返回的数据
        } else if (this.status === 404) {
            // 请求的资源不存在
            console.log("请求的资源不存在");
        } else if (this.status === 500) {
            // 服务器内部错误
            console.log("服务器内部错误");
        }
    }
};

Kesimpulan:
Dalam artikel ini, kami mempelajari cara mendapatkan kod status HTTP menggunakan JavaScript. Kami menggunakan objek XMLHttpRequest untuk menghantar permintaan HTTP dan mendapatkan kod status dengan memantau perubahan statusnya. Mengikut kod status yang berbeza, kita boleh membuat logik pemprosesan yang berbeza. Contoh kod ini boleh membantu kami lebih memahami dan menggunakan JavaScript untuk mengendalikan kod status HTTP.

Walaupun mendapatkan kod status HTTP adalah tugas yang mudah, ia sangat penting untuk nyahpepijat dan mengendalikan respons pelayan. Dengan memahami dan menggunakan kod status HTTP, kami boleh menangani masalah dalam aplikasi web dengan lebih baik dan memberikan pengalaman pengguna yang lebih baik.

Atas ialah kandungan terperinci Permulaan Pantas JavaScript: Mendapatkan Kod Status HTTP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!