𝗠𝘂𝗹𝘁𝗶-𝘀𝘁𝗲𝗽 𝗳𝗼𝗿𝗺𝘀 𝘄𝗶𝘁𝗵𝗼𝘂𝘁 𝘁𝗵𝗲 𝗼𝘃𝗲𝗿𝗵𝗲𝗮𝗱
অধিকাংশ ফর্ম POST মেথড ব্যবহার করে। খুব কম মানুষই GET মেথড ব্যবহার করেন। GET আপনার URL-এর শেষে ডেটা যুক্ত করে।
পেজগুলোর মধ্যে ডেটা আদান-প্রদান করতে GET ব্যবহার করুন। ডেটা স্টোর করার জন্য আপনার কোনো ব্যাকএন্ডের প্রয়োজন নেই। ফিল্ড দেখানো বা লুকানোর জন্য জাভাস্ক্রিপ্টের প্রয়োজন নেই। ব্রাউজারের বিল্ট-ইন ফিচারগুলো ব্যবহার করুন।
- স্ট্যাটিক পেজ দিয়ে আপনার ফর্ম তৈরি করুন।
- লজিকের জন্য কুয়েরি স্ট্রিং (query string) ডেটা ব্যবহার করুন।
- আগের উত্তরগুলোর ওপর ভিত্তি করে নির্দিষ্ট ফিল্ডগুলো দেখান।
পেজগুলোর মধ্যে ডেটা পাস করতে এই স্ক্রিপ্টটি ব্যবহার করুন। এটি URL থেকে হিডেন ফিল্ড (hidden fields) তৈরি করে।
window.onload = function() { var querystring = window.location.href.split('?')[1]; var parameters = querystring.split('&');
for(i = 0; i < parameters.length; i++) { var pair = parameters[i].split('='); var hiddenfield = document.createElement("input"); hiddenfield.type = "hidden"; hiddenfield.name = pair[0]; hiddenfield.value = pair[1]; document.forms[0].appendChild(hiddenfield); } };
সবশেষে একটি POST রিকোয়েস্টের মাধ্যমে আপনার সার্ভারে চূড়ান্ত ডেটা পাঠান। ডেটা ব্রাউজারে থাকে।
এই বিষয়গুলো মনে রাখুন:
- ডেটা URL-এ দেখা যায়।
- পাসওয়ার্ডের জন্য এটি ব্যবহার করবেন না।
- ব্যবহারকারীরা তাদের ডেটা সহ URL শেয়ার করে ফেলতে পারে।
উৎস: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc