Kutuma Maombi ya GET kupitia AJAX katika JavaScript

Hebu sasa tujifunze kupeleka data kwa seva kwenye ombi la AJAX. Seva itafanya kitu na hii data na kututumia nyuma matokeo.

Seva yetu ya majaribio itashughulikia data iliyotumwa kwa anwani /handler/:

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

Kuanza hebu tutumie ombi la GET :

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

Hebu tupate data iliyotumwa kwenye upande wa seva:

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

Hebu tufanye kitu na hii data na tupe nyuma:

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

Kwenye upande wa mteja tutapata matokeo na kuyatoa mahali pengine:

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