JavaScript හි AJAX හරහා GET ඉල්ලීම් යැවීම
දැන් අපි AJAX ඉල්ලීමකදී දත්ත සර්වරය වෙත යැවීමට ඉගෙන ගනිමු. සර්වරය මෙම දත්ත සමඟ යමක් කරන අතර ප්රතිඵලය අප වෙත ආපසු එවයි.
අපගේ පරීක්ෂණ සර්වරය යොමු කරනු ලබන දත්ත සැකසනු ඇත
/handler/ ලිපිනයට:
button.addEventListener('click', function() {
let promise = fetch('/handler/');
});
පළමුව, අපි GET ඉල්ලීමක් යවමු:
button.addEventListener('click', function() {
let promise = fetch('/handler/?num=3');
});
දැන් අපි සර්වරයේ යවන ලද දත්ත ලබා ගනිමු:
export default {
'/handler/': function({get}) {
console.log(get.num); // 3 පෙන්වයි
}
}
මෙම දත්ත සමඟ යමක් කර ප්රතිඵලය ආපසු යවමු:
export default {
'/handler/': function({get}) {
return get.num ** 2;
}
}
සේවාලාභියාගේ පැත්තේ ප්රතිඵලය ලබාගෙන එය කොතැනක හෝ පෙන්වමු:
button.addEventListener('click', function() {
fetch('/handler/?num=3').then(
response => {
return response.text();
}
).then(
text => {
console.log(text);
}
);
});
සේවාලාභියාගේ පැත්තේ div කොටසක් සහ බොත්තමක් ඇත. බොත්තම ක්ලික් කළ විට සර්වරය වෙත අංක දෙකක් යවන්න. සර්වරය යවන ලද අංකවල එකතුව සොයා ගන්නා ලෙස කරමු. ප්රතිඵලය div කොටස තුළ ලියන්න.
සර්වරය මත අරාවක් ඇතැයි සිතමු. සර්වරය පරාමිතියක් ලෙස අංකයක් ලැබෙන බව අපේක්ෂා කරන අතර, එම අංකයට අනුරූප වන අරාවේ මූලද්රව්යය ආපසු එවයි. බොත්තම ක්ලික් කළ විට, සර්වරය වෙත යම් අංකයක් යවන්න, සහ සර්වරයේ පිළිතුර ඡේදයක් තුළ පෙන්වන්න.
