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?

avatar iamfreestyler
@iamfreestyler

341 Kontribusi 57 Poin

Diperbarui 5 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 ^^

avatar markeronly
@markeronly

378 Kontribusi 230 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban