Bagaimana untuk Membuat Permintaan HTTP GET dalam JavaScript?

Membuat Permintaan HTTP GET dalam JavaScript

Apabila bekerja dengan aplikasi web, mendapatkan semula data daripada pelayan jauh menjadi perlu. Dalam JavaScript, melaksanakan permintaan HTTP GET membolehkan pembangun mengambil data daripada URL yang ditentukan. Artikel ini meneroka cara terbaik untuk melaksanakan permintaan sedemikian, terutamanya dalam widget Kod Pemuka Mac OS X.

Menggunakan Objek XMLHttpRequest

Pelayar dan Kod Pemuka menyediakan objek XMLHttpRequest, yang membolehkan pembangun untuk membuat permintaan HTTP daripada JavaScript. Berikut ialah contoh permintaan segerak menggunakan objek ini:

function httpGet(theUrl) {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.open("GET", theUrl, false); 
  xmlHttp.send(null);
  return xmlHttp.responseText;
}

Permintaan Asynchronous

Walaupun permintaan segerak memberikan hasil yang cepat, ia menyekat pelaksanaan kod lain dan boleh membawa kepada masalah prestasi. Permintaan tak segerak membenarkan kod untuk terus dilaksanakan semasa permintaan sedang dibuat. Respons dikendalikan dalam pengendali acara.

function httpGetAsync(theUrl, callback) {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() { 
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
      callback(xmlHttp.responseText);
  }
  xmlHttp.open("GET", theUrl, true);
  xmlHttp.send(null);
}

Atas ialah kandungan terperinci Bagaimana untuk Membuat Permintaan HTTP GET dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!