JavaScript හි ආකෘතිපත්ර යැවීම
ඔබ දැනටමත් JavaScript හි ආකෘතිපත්ර මූලද්රව්ය සමඟ වැඩ කිරීමට හැකියාව ඇත, ඒවා බ්රවුසරය තුළ සැකසීමෙන්. ආකෘතිපත්ර, කෙසේ වෙතත්, සර්වරයට ද යවා ගත හැකිය ඒවා වෙබ් අඩවියේ සර්වර පැත්තෙන් සැකසීම සඳහා, PHP හෝ NodeJS වල ලියා ඇති.
සර්වරයේ ගබඩා කර ඇති වෙබ් අඩවි දත්ත එකතු කිරීම සහ වෙනස් කිරීම සඳහා මෙය අවශ්ය වේ.
අපි බලමු මෙය කෙසේ සිදු කරන්නේද කියා. අපට ආදාන කිහිපයක් සහ බොත්තමක් ඇතැයි සිතමු:
<input>
<input>
<input type="submit">
අපගේ මූලද්රව්ය form ටැගයෙන් වට කරමු.
මෙම අවස්ථාවේදී, අපට ආකෘතිපත්රයක් ලැබෙනු ඇත,
බොත්තම ක්ලික් කිරීමෙන් සර්වරයට යවනු ලැබේ:
<form>
<input>
<input>
<input type="submit">
</form>
සර්වරයේ ආකෘතිපත්ර දත්ත ලබා ගත හැකි වන පරිදි, සෑම ආදානයකටම තමන්ගේම නමක් ලබා දීම අවශ්ය වේ:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
මෙම අවස්ථාවේදී, ආකෘතිපත්ර දත්ත සර්වරයට පැමිණේ යතුරු-අගය යුගල වලින්, යතුරු වනුයේ ආකෘතිපත්ර මූලද්රව්යවල නම්, සහ අගයන් - ඇතුළත් කළ දත්ත.
ආකෘතිපත්රය යැවීම සඳහා, අවශ්යතාවයක් නොමැත සර්වරයක්. ඔබට ලබා දී ඇති කේතය පිටපත් කළ හැකිය ඕනෑම ගොනුවකට ආකෘතිපත්රය, එය බ්රවුසරය තුළ ධාවනය කරන්න සහ යවන බොත්තම ක්ලික් කරන්න - ආකෘතිපත්රය යවනු ලබන අතර බ්රවුසර පිටුව නැවත පූරණය වේ.
සර්වරය නොමැති විට, කෙසේ වෙතත්, ආකෘතිපත්ර දත්ත කොහේවත් ලග නොයනු ඇත. එබැවින් අපි විය යුතුයි සර්වරය සමඟ ආකෘතිපත්රයේ කාර්යය පරීක්ෂා කරන්න. ඔබට තවමත් සර්වර භාෂා කිසිවක් නොදනී, එබැවින් ආකෘතිපත්රය යැවීම පුහුණු කරමු අපගේ පාඩම් HTTP සර්වරය භාවිතා කරමින්.
අපි අපේ ආකෘතිපත්රය යම් තැනක තබමු
ගොනුවක් එවැනි වේ එය ලිපිනයෙන් ප්රවේශ විය හැකි වන පරිදි
http://localhost:3001/form.html:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
අපගේ ආකෘතිපත්රයට action ගුණාංගය එකතු කරමු,
අපගේ ආකෘතිපත්රය යැවීමේ ලිපිනය දක්වයි:
<form action="/handler/">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
දැන් server.js ගොනුවේ, යවන ලිපිනය සඳහා සැකසුම්කරු ලියන්න
ආකෘතිපත්රය:
export default {
'/handler/': function() {
return 'form data received';
}
}
අපගේ සැකසුම්කරුගේ පරාමිතියට යවන ලද දත්ත ඇතුළත් වේ ආකෘතිපත්රය:
export default {
'/handler/': function(data) {
console.log(data); // සර්වර කොන්සෝලයේ දිස්වේ
return 'form data received';
}
}
ආකෘතිපත්රයක් සහ එය සැකසීම සඳහා ගොනුවක් සාදන්න. යවන්න ආකෘතිපත්රය සහ පරීක්ෂා කරන්න දත්ත සැබවින්ම සර්වරයට පැමිණ ඇති බව.
