Module 4: Ajax සඳහා PHP Backend එක සකස් කිරීම
අපගේ JavaScript "පණිවිඩකරු" විසින් එවන ලද ඉල්ලීම භාරගෙන, ಅದಕ್ಕೆ පිළිතුරක් සපයන PHP file එක නිර්මාණය කරමු.
1. Backend එකේ කාර්යභාරය
පෙර පාඩමේදී, අපගේ JavaScript කේතය fetch-data.php නමැති file එකකට request එකක් යැවූ නමුත්, එම file එක නොතිබූ නිසා අපට 404 දෝෂයක් ලැබුණා. දැන් අපගේ කාර්යය වන්නේ එම file එක නිර්මාණය කිරීමයි.
මෙම PHP script එකේ කාර්යය වන්නේ JavaScript වෙතින් එන request එක භාරගෙන, අවශ්ය කාර්යය ඉටු කර, ප්රතිචාරයක් (response) ලෙස දත්ත නැවත JavaScript වෙත යැවීමයි.
2. `fetch-data.php` File එක නිර්මාණය කිරීම
ඔබගේ project folder එකේ (live-crud-ajax), fetch-data.php නමින් අලුත් file එකක් සාදා පහත PHP කේතය ඇතුලත් කරන්න.
<?php
// මෙය අපගේ සරල server-side script එකයි.
// මෙම script එක මගින් "echo" කරන ඕනෑම දෙයක්,
// Ajax response එක ලෙස JavaScript වෙත නැවත යැවේ.
// එය dynamic බව පෙන්වීමට අපි server එකේ වත්මන් වේලාව යවමු.
echo "Hello from your PHP Server! The current time is " . date("h:i:s A");
?>කේතය පැහැදිලි කිරීම: echo මගින් ප්රතිදානය කරන text එක තමයි JavaScript හි responseText එක ලෙස ලැබෙන්නේ. අපි date("h:i:s A") ශ්රිතය භාවිතා කරන්නේ, බොත්තම click කරන සෑම වාරයකදීම වේලාව වෙනස් වන නිසා, server එකෙන් live data එන බව තහවුරු කරගැනීමටයි.
3. සම්පූර්ණ ක්රියාවලිය Test කිරීම
දැන් ඔබගේ fetch-data.php file එක save කර, නැවත browser එකෙන් test-ajax.html file එක වෙත යන්න.
"Load Data from Server" බොත්තම click කරන්න.
සුභ පැතුම්! (Congratulations!)
ඔබට දැන් 404 දෝෂය වෙනුවට, අපගේ PHP file එකෙන් එවූ පණිවිඩය `div` එක තුල දිස්වනු ඇත! උදාහරණයක් ලෙස:
Hello from your PHP Server! The current time is 12:10:45 PM
ඔබ බොත්තම නැවත නැවත click කරන විට, වේලාව යාවත්කාලීන වන ආකාරය බලන්න. මෙය ඔබගේ පළමු සාර්ථක Ajax client-server සන්නිවේදනයයි!
මීළඟ පාඩමේදී, මෙවැනි සරල text එකක් වෙනුවට, අපගේ MySQL database එකෙන් සැබෑ දත්ත ලබාගෙන ඒවා ප්රදර්ශනය කරන ආකාරය ඉගෙන ගනිමු.