بغیر کسی اضافی بوجھ کے ملٹی سٹیپ فارمز

زیادہ تر فارمز POST میتھڈ استعمال کرتے ہیں۔ بہت کم لوگ GET میتھڈ استعمال کرتے ہیں۔ GET آپ کے URL کے آخر میں ڈیٹا شامل کر دیتا ہے۔

صفحات کے درمیان ڈیٹا منتقل کرنے کے لیے GET کا استعمال کریں۔ ڈیٹا اسٹور کرنے کے لیے آپ کو بیک اینڈ (backend) کی ضرورت نہیں ہے۔ فیلڈز کو دکھانے یا چھپانے کے لیے آپ کو جاوا اسکرپٹ (Javascript) کی ضرورت نہیں ہے۔ براؤزر کے بلٹ ان (built-in) فیچرز استعمال کریں۔

صفحات کے درمیان ڈیٹا منتقل کرنے کے لیے اس اسکرپٹ کا استعمال کریں۔ یہ URL سے ہڈن (hidden) فیلڈز تخلیق کرتا ہے۔

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