JavaScript හි පෝරමය යැවීමේ ක්‍රම

පෝරමය යැවිය හැක්කේ ක්‍රම දෙකකිනි: GET ක්‍රමයෙන් හෝ POST ක්‍රමයෙන්. පෝරමය යැවීමේ ක්‍රමය පාලනය කරනු ලබන්නේ පෝරමයේ method ගුණාංගය මගිනි.

උදාහරණයක් ලෙස, පෝරමය සඳහා GET යැවීමේ ක්‍රමය නියම කරමු:

<form action="/handler/" method="GET">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

දැන් POST ක්‍රමය:

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

දැන් අපි බලමු, යැවීමේ ක්‍රම දෙක අතර වෙනස කුමක්ද කියා. GET ක්‍රමයේ දී, පෝරම දත්ත බ්‍රව්සරයේ දෘශ්‍යමාන වනු ඇත ඊනියා පරාමිති රේඛාවක් ලෙස (query string), එය නිරූපණය කරන්නේ යතුර-අගය යුගල වර්ගයකි, මෙහි යතුර වනුයේ පෝරම මූලද්‍රව්‍යයේ නම වන අතර අගය වන්නේ එහි ඇතුළත් කරන ලද දත්ත වේ. මෙම අගයන්ගේ යුගල වෙන් කරනු ලබන්නේ ඇම්පර්සෑන්ඩ් මගිනි.

GET ක්‍රමයෙන් යවන ලද දත්ත, අපගේ සේවාදායකය මත get ගුණයට දත්ත වස්තුව තුළට පැමිණේ:

export default {
	'/handler/': function(data) {
		console.log(data.get); // සේවාදායකයේ කොන්සෝලයේ දිස්වනු ඇත
		return 'form data received';
	}
}

POST ක්‍රමයෙන් යවන ලද දත්ත, අපගේ සේවාදායකය මත post ගුණයට දත්ත වස්තුව තුළට පැමිණේ:

export default {
	'/handler/': function(data) {
		console.log(data.post); // සේවාදායකයේ කොන්සෝලයේ දිස්වනු ඇත
		return 'form data received';
	}
}

සංක්ෂිප්තව, විඝටනය කිරීම සිදු කළ හැකිය, අපගේ දත්ත වෙනම විචල්‍යයකට ලබා ගැනීමට:

export default {
	'/handler/': function({get, post}) {
		console.log(get);
		console.log(post);
		return 'form data received';
	}
}