JavaScript да AJAX орқали GET сўровларини юбориш

Энди серверга AJAX сўровида маълумотларни узатүшни ўрганамиз. Сервер ушбу маълумотлар билан қандайдир ишлар бажариб, бизга натижани қайтаради.

Бизнинг тест серверимиз /handler/ манзилига юборилган маълумотларни қайта ishlaydi:

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

Бошлаш учун GET сўровини юборамиз:

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

Келинг, сервер томонида юборилган маълумотларни олишни кўрамиз:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num); // 3 ни кўрсатади
  }
}

Келинг, ушбу маълумотлар билан қандайдир иш бажариб, уларни қайта юборайлик:

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

Клиент томонида натижани олиб, уни қаергадир чиқарайлик:

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