जावास्क्रिप्ट में फॉर्म भेजने के तरीके

फॉर्म दो तरीकों से भेजे जा सकते हैं: 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';
  }
}

संक्षिप्तता के लिए, हमारे डेटा को एक अलग चर में प्राप्त करने के लिए विघटन (destructuring) किया जा सकता है:

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