XML : AJAX Response: Properti dan Cara Menggunakannya

7 Kelebihan dan Kekurangan Harddisk SSD

Properti onreadystatechange

Properti readyState melestarikan kondisi XMLHttpRequest.

Properti onreadystatechange mendefinisikan fitur yang pasti akan dijalankan menit readyState berubah.

Properti kondisi dan properti residensial atau komersial statusText melestarikan kondisi sesuatu XMLHttpRequest.

Property Deskripsi
onreadystatechange Mendefinisikan fitur yang pasti akan dipanggil ketika properti residensial atau komersial readyState berubah
readyState Menyimpan kondisi XMLHttpRequest.
0: meminta tidak diinisialisasi
1: hubungan server dibuat
2: meminta memuaskan
3: memproses meminta
4: meminta permukaan dan aksi mudah
kondisi 200: “OK”
403: “Forbidden”
404: “Page not discovered”
dan seterusnya.
statusText Mengembalikan pesan teks kondisi (e.g. “OK” atau bahkan “Not Found”)

Fungsi onreadystatechange dipanggil setiap kali readyState berubah.

Jika readyState adalah 4 dan statusnya 200, responsnya sekarang mudah:

Contoh:

<!DOCTYPE html>
<html>
<physique>

<div id="demo">
<h1>The XMLHttpRequest Object</h1>
<button kind="button" onclick="loadDoc()">Ubah Content</button>
</div>

<script>
perform loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = perform() {
    if (this.readyState == 4 && this.kondisi == 200) {
      doc.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.ship();
}
</script>

</physique>
</html>

Peristiwa onreadystatechange dipicu 4 kali (1-4), satu kali untuk setiap perubahan di readyState.

Menggunakan Fungsi Callback

Fungsi callback adalah fitur yang dikirimkan sebagai parameter ke dalam fitur lagi.

Jika kita {memiliki} lebih berasal dari satu kewajiban AJAX di sebuah situs internet net, kita perlu membuat satu fitur untuk mengeksekusi sesuatu XMLHttpRequest dan satu fitur panggilan telepon balik untuk setiap kewajiban AJAX.

Panggilan fitur perlu berisi URL dan fitur apa yang dipanggil menit respons sekarang mudah.

Contoh:

<!DOCTYPE html>
<html>
<physique>

<div id="demo">

<h1>The XMLHttpRequest Object</h1>

<button kind="button"
onclick="loadDoc('ajax_info.txt', myFunction)">Change Content
</button>
</div>

<script>
perform loadDoc(url, cFunction) {
  var xhttp;
  xhttp=new XMLHttpRequest();
  xhttp.onreadystatechange = perform() {
    if (this.readyState == 4 && this.kondisi == 200) {
      cFunction(this);
    }
  };
  xhttp.open("GET", url, true);
  xhttp.ship();
}
perform myFunction(xhttp) {
  doc.getElementById("demo").innerHTML =
  xhttp.responseText;
}
</script>
</physique>
</html>

Properti Server Response

Property Deskripsi
responseText menerima informasi respons sebagai tali
responseXML menerima informasi respons sebagai informasi XML

Methode Server Response

Method Deskripsi
getResponseHeader() Menampilkan informasi yang relevan header tertentu berasal dari informasi daya server
getAllResponseHeaders() Mengembalikan semua informasi yang relevan header berasal dari informasi server

Properti responseText

Properti responseText mengembalikan respons server sebagai tali JavaScript, dan bisa dengan mudah digunakan ideal berharap:

Lihat lebih banyak:  Komputer Restart Terus dan Tidak Bisa Masuk Windows , Bagaimana Mengatasinya?

Contoh :

<!DOCTYPE html>
<html>
<physique>

<div id="demo">
<h1>The XMLHttpRequest Object</h1>
<button kind="button" onclick="loadDoc()">Ubah Content</button>
</div>

<script>
perform loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = perform() {
    if (this.readyState == 4 && this.kondisi == 200) {
      doc.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.ship();
}
</script>

</physique>
</html>

Properti responseXML

Objek XML HttpRequest {memiliki} parser XML built-in.

Properti responseXML mengembalikan respons server sebagai sesuatu XML DOM.

Dengan menggunakan properti residensial atau komersial ini, kita bisa dengan mudah mengurai respons sebagai sesuatu XML DOM:

Contoh
Minta file cd_catalog.xml dan uraikan responsnya:

<!DOCTYPE html>
<html>
<physique>

<h1>The XMLHttpRequest Object</h1>

<p id="demo"></p>
 
<script>
var xhttp, xmlDoc, txt, x, i;
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = perform() {
if (this.readyState == 4 && this.kondisi == 200) {
  xmlDoc = this.responseXML;
  txt = "";
  x = xmlDoc.getElementsByTagName("ARTIST");
  for (i = 0; i < x.size; i++) {
    txt = txt + x[i].childNodes[0].nodeValue + "<br>";
  }
  doc.getElementById("demo").innerHTML = txt;
  }
};
xhttp.open("GET", "cd_catalog.xml", true);
xhttp.ship();
</script>

</physique>
</html>

Metode getAllResponseHeaders ()

Metode getAllResponseHeaders () mengembalikan semua informasi yang relevan header berasal dari respons server.

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h1>The XMLHttpRequest Object</h1>

<p> Fungsi getAllResponseHeaders () mengembalikan semua informasi yang relevan header informasi daya, seperti ukuran, jenis server, jenis informasi, modifikasi kedua, dan seterusnya: </p>

<p id="demo"></p>

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = perform() {
  if (this.readyState == 4 && this.kondisi == 200) {
    doc.getElementById("demo").innerHTML =
    this.getAllResponseHeaders();
  }
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.ship();
</script>

</physique>
</html>

Metode getResponseHeader ()

Metode getResponseHeader () mengembalikan informasi yang relevan header tertentu berasal dari respons server.

Contoh:

<!DOCTYPE html>
<html>
<physique>

<h1>The XMLHttpRequest Object</h1>

<p> Fungsi getResponseHeader () digunakan untuk mengembalikan informasi yang relevan header tertentu berasal dari informasi daya, seperti ukuran, jenis server, jenis informasi, modifikasi kedua, dan seterusnya: </p>

<p>Last modified: <span id="demo"></span></p>

<script>
var xhttp=new XMLHttpRequest();
xhttp.onreadystatechange = perform() {
  if (this.readyState == 4 && this.kondisi == 200) {
    doc.getElementById("demo").innerHTML =
    this.getResponseHeader("Last-Modified");
  }
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.ship();
</script>

</physique>
</html>

Anda sederhana menonton: XML : AJAX Response: Properti dan Cara Menggunakannya

Sumber: https://taylorswift10years.com

Lihat lebih banyak:  10 Processor Paling Tinggi Saat Ini

Kategori: Teknologi

Leave a Reply

Your email address will not be published.