জাভাস্ক্রিপ্টে ফর্ম পাঠানোর পদ্ধতি

ফর্ম দুটি উপায়ে পাঠানো যেতে পারে: 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';
	}
}