𝗠𝘂𝗹𝘁𝗶-𝘀𝘁𝗲𝗽 𝗳𝗼𝗿𝗺𝘀 𝘄𝗶𝘁𝗵𝗼𝘂𝘁 𝘁𝗵𝗲 𝗼𝘃𝗲𝗿𝗵𝗲𝗮𝗱

बहुतेक फॉर्म्समध्ये POST पद्धतीचा वापर केला जातो. GET पद्धतीचा वापर फार कमी लोक करतात. GET तुमच्या URL च्या शेवटी डेटा जोडते.

एका पेजवरून दुसऱ्या पेजवर डेटा पास करण्यासाठी GET चा वापर करा. डेटा साठवण्यासाठी तुम्हाला बॅकएंडची (backend) गरज नाही. फील्ड्स दाखवण्यासाठी किंवा लपवण्यासाठी तुम्हाला Javascript ची गरज नाही. ब्राउझरमधील अंगभूत (built-in) वैशिष्ट्यांचा वापर करा.

पेजेसमध्ये डेटा पास करण्यासाठी ही स्क्रिप्ट वापरा. ही स्क्रिप्ट 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 रिक्वेस्टद्वारे तुमचा अंतिम डेटा तुमच्या सर्व्हरवर पाठवा. डेटा ब्राउझरमध्येच राहतो.

या गोष्टी लक्षात ठेवा:

स्रोत: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc