Tentang basic ajax

Apa perbedaan antara cara ini


fetch(url)
     .then(response => response.json())
     .then(json => console.log(json))

dengan kode dibawah ini yang tanpa fetch()


function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

apakah perbedaannya?

javascript ajax

@iamfreestyler

341 Kontribusi 57 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Perbedaan yang jelas banget disini yaitu satu pakai fetch api dan yang satunya pakai xhr api. Fetch kurang lebih sama kaya XHR hanya lebih powerfull dibandingkan dengan XHR. Ya bisa diliat mas @irmanfreestyle sendiri kan powerfullnya haha

Fetch return promise XHR return xhr object

Hanya saja fetch belum support IE (ini dari mozilla ya) tapi tenang aja, ada kok polyfill nya buat atasin kekurangannya

Kalau saya pribadi sekarang sering pake fetch soalnya ringkas banget hehe CMIIW ^^

@markeronly

378 Kontribusi 230 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar Javascript untuk website

Tentang basic ajax

Kelas Premium!
Belajar Javascript untuk website