అదనపు భారం లేకుండా మల్టీ-స్టెప్ ఫారమ్‌లు

చాలా ఫారమ్‌లు POST మెథడ్‌ను ఉపయోగిస్తాయి. చాలా తక్కువ మంది GET మెథడ్‌ను ఉపయోగిస్తారు. GET మీ URL చివరన డేటాను జోడిస్తుంది.

పేజీల మధ్య డేటాను పంపడానికి GETని ఉపయోగించండి. డేటాను నిల్వ చేయడానికి మీకు బ్యాకెండ్ అవసరం లేదు. ఫీల్డ్‌లను చూపించడానికి లేదా దాచడానికి మీకు Javascript అవసరం లేదు. బ్రౌజర్‌లోని ఇన్-బిల్ట్ ఫీచర్లను ఉపయోగించండి.

పేజీల మధ్య డేటాను పంపడానికి ఈ స్క్రిప్ట్‌ను ఉపయోగించండి. ఇది 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