Tutorial JavaScript: Ketahui Cara Mendapatkan Kod Status HTTP daripada Scratch

Mula dari awal: JavaScript mengajar anda cara mendapatkan kod status HTTP

Dalam pembangunan web, kita selalunya perlu berkomunikasi dengan pelayan dan memahami kod status HTTP adalah bahagian yang sangat penting. Kod status HTTP ialah pengecam respons pelayan kepada permintaan HTTP Pelayan menggunakan kod status untuk memberitahu pelanggan hasil pemprosesan permintaan.

Artikel ini akan menggunakan JavaScript untuk menulis contoh kod untuk mengajar anda cara mendapatkan kod status HTTP di bahagian hadapan.

1. Gunakan objek XMLHttpRequest untuk mendapatkan kod status HTTP

Objek XMLHttpRequest ialah teras pertukaran data antara bahagian hadapan dan pelayan Kami boleh menggunakannya untuk menghantar permintaan HTTP dan mendapatkan kod status respons.

Pertama, kami mencipta objek XMLHttpRequest:

var xhr = new XMLHttpRequest();

Seterusnya, kami boleh menggunakan kaedah open() objek XMLHttpRequest untuk menentukan URL yang diminta dan kaedah permintaan (GET, POST, PUT, dll.):

xhr.open('GET', 'http://www.example.com', true);

We juga boleh Gunakan kaedah setRequestHeader() untuk menetapkan pengepala permintaan, yang sangat berguna apabila anda perlu menghantar pengepala permintaan tertentu:

xhr.setRequestHeader('Content-Type', 'application/json');

Kemudian, kami menggunakan kaedah send() untuk menghantar permintaan:

xhr.send();

Kami perlu mendengar acara readystatechange objek XMLHttpRequest, yang Peristiwa itu dicetuskan apabila keadaan permintaan berubah. Dalam fungsi mendengar, kita boleh mendapatkan kod status HTTP melalui atribut status:

xhr.onreadystatechange = function() {
   if(xhr.readyState === 4) {
      console.log('HTTP状态码：', xhr.status);
   }
};

2. Gunakan API fetch untuk mendapatkan kod status HTTP

fetch API ialah kaedah permintaan rangkaian moden dalam JavaScript, kita juga boleh menggunakannya untuk Dapatkan kod status HTTP.

Gunakan kaedah ambil untuk menghantar permintaan GET dan dapatkan kod status HTTP Kod tersebut adalah seperti berikut:

fetch('http://www.example.com')
   .then(response => {
      console.log('HTTP状态码：', response.status);
   });

Perlu diambil perhatian bahawa kaedah pengambilan mengembalikan objek Promise, dan kita perlu menggunakan .then() kepada. mengendalikan tindak balas permintaan tak segerak.

3 Gunakan perpustakaan Axios untuk mendapatkan kod status HTTP

Axios ialah perpustakaan JavaScript yang sangat popular yang boleh menghantar permintaan rangkaian dengan lebih ringkas dan menyediakan API yang lebih mesra. Kami juga boleh menggunakan Axios untuk mendapatkan kod status HTTP.

Mula-mula, kami perlu memperkenalkan perpustakaan Axios:

<script src="https://cdn.jsdelivr.net/npm/axios"></script>

Kemudian, kod untuk menghantar permintaan GET dan mendapatkan kod status HTTP adalah seperti berikut:

axios.get('http://www.example.com')
   .then(response => {
      console.log('HTTP状态码：', response.status);
   });

API ringkas Axios dan panggilan berantai yang elegan membolehkan kami menghantar permintaan rangkaian lebih selesa.

Dengan tiga kaedah di atas, kami boleh mendapatkan kod status HTTP dengan mudah di bahagian hadapan. Memahami kod status HTTP boleh membantu kami nyahpepijat dan mengendalikan permintaan rangkaian dengan lebih baik serta meningkatkan pengalaman pengguna. Harap artikel ini dapat membantu anda!

Atas ialah kandungan terperinci Tutorial JavaScript: Ketahui Cara Mendapatkan Kod Status HTTP daripada Scratch. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!