JavaScript'te AJAX ile GET İstekleri Gönderme

Şimdi sunucuya AJAX isteğinde veri göndermeyi öğrenelim. Sunucu bu verilerle bir şeyler yapacak ve bize sonucu geri gönderecek.

Test sunucumuz, /handler/ adresine gönderilen verileri işleyecek:

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/');
});

Önce bir GET isteği gönderelim:

public/client.jsbutton.addEventListener('click', function() {
  let promise = fetch('/handler/?num=3');
});

Sunucu tarafında gönderilen verileri alalım:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // 3 yazacak
  }
}

Bu verilerle bir şeyler yapalım ve geri gönderelim:

server.jsexport default {
  '/handler/': function({get}) {
    return get.num ** 2;
  }
}

İstemci tarafında sonucu alalım ve bir yere yazdıralım:

public/client.jsbutton.addEventListener('click', function() {
  fetch('/handler/?num=3').then(
    response => {
      return response.text();
    }
  ).then(
    text => {
      console.log(text);
    }
  );
});