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

ফর্ম দুটি উপায়ে পাঠানো যেতে পারে: GET পদ্ধতি বা POST পদ্ধতি দ্বারা। ফর্ম পাঠানোর পদ্ধতি ফর্মের method অ্যাট্রিবিউট দ্বারা নিয়ন্ত্রিত হয়।

উদাহরণস্বরূপ, ফর্মের জন্য GET পাঠানোর পদ্ধতি নির্দিষ্ট করা যাক:

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

এবং এখন POST পদ্ধতি:

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

এখন আসুন দেখি দুটি পাঠানোর পদ্ধতির মধ্যে পার্থক্য কী। GET পদ্ধতির ক্ষেত্রে ফর্মের ডেটা ব্রাউজারে দৃশ্যমান হবে তথাকথিত প্যারামিটার স্ট্রিং (query string) আকারে, যা কী-মান জোড়ার আকারে উপস্থাপিত হয়, যেখানে কী হবে ফর্ম এলিমেন্টের নাম, এবং মান - এতে প্রবেশ করা ডেটা। এই ক্ষেত্রে মানের জোড়াগুলি অ্যাম্পারস্যান্ড দ্বারা পৃথক করা হবে।

GET পদ্ধতি দ্বারা পাঠানো ডেটা আমাদের সার্ভারে ডেটা অবজেক্টের get প্রপার্টিতে পড়বে:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.get); // সার্ভার কনসোলে প্রিন্ট হবে
    return 'form data received';
  }
}

এবং POST পদ্ধতি দ্বারা পাঠানো ডেটা আমাদের সার্ভারে ডেটা অবজেক্টের post প্রপার্টিতে পড়বে:

server.jsexport default {
  '/handler/': function(data) {
    console.log(data.post); // সার্ভার কনসোলে প্রিন্ট হবে
    return 'form data received';
  }
}

সংক্ষিপ্ততার জন্য, ডেস্ট্রাকচারিং করা যেতে পারে, যাতে আমাদের ডেটা আলাদা ভেরিয়েবলে পাওয়া যায়:

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