Rumah  >  Artikel  >  hujung hadapan web  >  Cara Javascript menghantar permintaan HTTP

Cara Javascript menghantar permintaan HTTP

王林
王林asal
2023-05-26 16:19:412055semak imbas

Javascript ialah bahasa skrip yang digunakan secara meluas yang boleh digunakan dalam halaman web. Ia menyokong banyak fungsi, yang paling biasa mungkin membuat permintaan melalui HTTP dan menerima data dan memaparkannya pada halaman web. Dalam artikel ini, kami akan membincangkan cara Javascript menghantar permintaan HTTP.

HTTP ialah protokol pelayan-pelanggan yang digunakan untuk bertukar-tukar data antara aplikasi web. Contohnya, apabila anda memasukkan URL ke dalam penyemak imbas web, penyemak imbas menghantar permintaan HTTP ke pelayan web untuk mendapatkan kandungan HTML halaman tersebut.

Javascript boleh menggunakan objek XMLHttpRequest untuk menghantar permintaan HTTP. Objek XMLHttpRequest membolehkan anda menukar data dengan pelayan melalui kod JavaScript tanpa memuat semula halaman. Berikut ialah langkah asas untuk menghantar permintaan HTTP melalui objek XMLHttpRequest:

1 Cipta objek XMLHttpRequest

Untuk menghantar permintaan HTTP, anda perlu mencipta objek XMLHttpRequest terlebih dahulu. Anda boleh menggunakan kod berikut untuk mencipta objek XMLHttpRequest:

var xhr = new XMLHttpRequest();

2. Buka permintaan HTTP

Kaedah open() objek XMLHttpRequest digunakan untuk memulakan parameter permintaan HTTP. Kaedah open() menerima tiga parameter: kaedah permintaan HTTP, URL permintaan dan nilai Boolean yang menunjukkan sama ada untuk melaksanakan permintaan secara tidak segerak. Nilai untuk parameter ini ialah "GET", "http://example.com/api", dan "true".

Sebagai contoh, kod berikut menggunakan kaedah GET untuk meminta http://example.com/api:

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

3 Hantar permintaan HTTP

Hantar(. ) kaedah objek XMLHttpRequest menggunakan Untuk menghantar permintaan HTTP. Ini boleh dibiarkan kosong jika tiada data untuk permintaan itu. Jika anda perlu menghantar data, sila gunakannya sebagai parameter kaedah hantar().

Sebagai contoh, kod berikut menghantar permintaan HTTP:

xhr.send();

4. Mengendalikan respons pelayan

Apabila pelayan membalas permintaan XMLHttpRequest, ia akan memanggil acara pengendali. Anda boleh mendaftarkan pengendali acara pada objek XMLHttpRequest untuk mengendalikan respons pelayan. Kod berikut menunjukkan cara mendaftar pengendali acara:

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    alert(xhr.responseText);
  }
};

Dalam pengendali acara ini, kami menyemak sifat readyState objek XMLHttpRequest untuk menentukan sama ada pelayan telah membalas permintaan tersebut. Apabila nilai readyState ialah 4, ini bermakna pelayan telah membalas permintaan tersebut.

Selepas membuat permintaan HTTP, kami boleh menyemak statusCode dan sifat responseText objek XMLHttpRequest untuk mendapatkan respons HTTP yang diterima daripada pelayan. Atribut statusCode mengandungi kod status respons, seperti 200 untuk kejayaan, manakala atribut responseText mengandungi kandungan badan respons.

Dalam artikel ini, kami memperkenalkan cara Javascript menggunakan objek XMLHttpRequest untuk menghantar permintaan HTTP. Jika anda sedang membangunkan aplikasi web, adalah berguna untuk mengetahui kaedah menghantar permintaan HTTP.

Atas ialah kandungan terperinci Cara Javascript menghantar permintaan HTTP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn