हमने पिछले वीडियो में GET के बारे में बात की थी लेकिन POST को पर्याप्त ध्यान नहीं दिया था। इसलिए मैंने सोचा कि हम यहां करेंगे। POST के साथ बड़ा अंतर यह है कि आपको लगभग हमेशा अनुरोध के साथ डेटा पास करना होगा। वह डेटा कई रूप ले सकता है, लेकिन यह सिर्फ एक वस्तु हो सकती है जो आपके पास है। वाक्य रचना भी आसान है:
$.post( "/data/process.php", ( name: "Susan", job: "Writer" ) function(data, textStatus, jqXHR) ( // success ) );दूसरे पैरामीटर पर ध्यान दें, जो डेटा का एक ऑब्जेक्ट (अनिवार्य रूप से JSON) है। वह डेटा कुछ भी (स्ट्रिंग सहित) के बारे में हो सकता है। यह आप पर है कि इसे इस तरह से पास करें जो आपके बैकएंड के लिए उपयोगी हो।
पिछले वीडियो से हमारे फॉर्म उदाहरण पर वापस जाएं, यदि आप पूरे फॉर्म से सभी डेटा को पास करना चाहते हैं तो क्या होगा? जब आप प्रपत्र बदलते हैं, तो आपको भी जावास्क्रिप्ट को अद्यतन करने की आवश्यकता नहीं होगी। jQuery अपने क्रमबद्ध () विधि से इसे आसान बनाता है। इसे केवल फॉर्म एलिमेंट पर कॉल करें:
$("#my-form").serialize();जो पूरे फॉर्म को देखेगा और फॉर्म में प्रत्येक नामित इनपुट से एक क्वेरी स्ट्रिंग बना देगा। तब आप उस डेटा का उपयोग कर सकते हैं, जिसे आप $ .post () में रखते हैं।
$("#my-form").on("submit", function() ( $.post( "/", $("#my-form").serialize(), function(data, textStatus, jqXHR) ( console.log("success"); ) ); ));CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन कॉटोग देखें