JavaScript-də AJAX vasitəsilə GET sorğularının göndərilməsi
Gəlin indi AJAX sorğusunda məlumatları serverə ötürməyi öyrənək. Server bu məlumatlarla bir şey edəcək və nəticəni bizə geri göndərəcək.
Bizim test serverimiz
/handler/ ünvanına göndərilən
məlumatları emal edəcək:
button.addEventListener('click', function() {
let promise = fetch('/handler/');
});
Əvvəlcə gəlin bir GET sorğusu göndərək:
button.addEventListener('click', function() {
let promise = fetch('/handler/?num=3');
});
Gəlin göndərilən məlumatları server tərəfində əldə edək:
export default {
'/handler/': function({get}) {
console.log(get.num); // 3 çap edəcək
}
}
Gəlin bu məlumatlarla bir şey edək və onları geri göndərək:
export default {
'/handler/': function({get}) {
return get.num ** 2;
}
}
Client tərəfində nəticəni əldə edək və onu bir yerə çap edək:
button.addEventListener('click', function() {
fetch('/handler/?num=3').then(
response => {
return response.text();
}
).then(
text => {
console.log(text);
}
);
});
Client tərəfdə bir div və düymə var. Düyməyə klikləndikdə serverə iki ədəd göndərin. Qoy server göndərilən ədədlərin cəmini tapsın. Nəticəni div-ə yazın.
Qoy serverdə bir massiv verilsin. Qoy server parametr kimi bir ədədin ötürüləcəyini gözləsin və massivin həmin ədədə uyğun gələn elementini qaytarsın. Düyməyə klikləndikdə serverə müəyyən bir ədəd ötürün, serverin cavabını isə abzasda çap edin.
