एचटीटीपी अनुरोध और रिस्पॉन्स

वेब ब्राउज़र, एचटीटीपी प्रोटोकॉल का इस्तेमाल करके वेबसाइटों से इंटरैक्ट करते हैं. यह बातचीत के लिए, नियमों का एक स्टैंडर्ड सेट है:

  • किसी वेब पेज पर जाने पर, आपका ब्राउज़र उस पेज पर मौजूद रिसॉर्स के लिए एचटीटीपी अनुरोध भेजता है. जैसे, एचटीएमएल, सीएसएस, JavaScript, और इमेज.
  • जब कोई एचटीटीपी सर्वर (वेबसाइट को होस्ट करने वाला वेब सर्वर), किसी ब्राउज़र से मान्य एचटीटीपी अनुरोध पाता है, तो सर्वर, ब्राउज़र को एचटीटीपी रिस्पॉन्स भेजता है.
  • अनुरोधों और जवाबों में, एचटीटीपी हेडर के तौर पर जानी जाने वाली अतिरिक्त जानकारी शामिल हो सकती है.

उदाहरण के लिए, साइट cats.example. को देखें

cats.example नाम की काल्पनिक वेबसाइट.

अनुरोध

cats.example पेज को ऐक्सेस करने पर, अलग-अलग डोमेन को अनुरोधों की एक चेन भेजी जाती है. इसमें cats.example पर होस्ट की गई इमेज का अनुरोध, analytics.example से किसी Analytics स्क्रिप्ट का अनुरोध, और अन्य डोमेन से अतिरिक्त संसाधनों के अन्य अनुरोध शामिल हैं.

एचटीटीपी अनुरोधों में एचटीटीपी अनुरोध हेडर जोड़े जा सकते हैं, ताकि ब्राउज़र से वेब सर्वर को अतिरिक्त जानकारी दी जा सके. उदाहरण के लिए, अक्सर इस तरह के हेडर शामिल किए जाते हैं:

  • Accept-Language: en-US
    इस हेडर से पता चलता है कि उपयोगकर्ता की पसंदीदा भाषा कौनसी है. इस मामले में, यह अंग्रेज़ी (अमेरिका) है.
  • User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
    इस हेडर से, उपयोगकर्ता के ब्राउज़र और ऑपरेटिंग सिस्टम के बारे में जानकारी मिलती है. इस मामले में, "Mozilla/5.0" (ब्राउज़र फ़ैमिली), "Macintosh" (ऑपरेटिंग सिस्टम), और "Chrome/127.0.0.0" (ब्राउज़र वर्शन) के बारे में जानकारी मिलती है.

जवाब

जब किसी वेब सर्वर को ब्राउज़र से मान्य अनुरोध मिलता है, तो सर्वर ब्राउज़र को एक जवाब भेजता है. इसमें वह रिसॉर्स होता है जिसका अनुरोध किया गया था ("payload"): एचटीएमएल, सीएसएस, JavaScript, इमेज फ़ाइल, वीडियो या अन्य डेटा. जिस तरह ब्राउज़र से किए गए हर अनुरोध में अनुरोध हेडर शामिल हो सकते हैं उसी तरह सर्वर से मिले हर जवाब में जवाब हेडर शामिल हो सकते हैं. ये रिस्पॉन्स हेडर, पेलोड के साथ भेजे जाते हैं.

जवाब के साथ शामिल किया गया Set-Cookie हेडर, आपके ब्राउज़र को कुछ टेक्स्ट सेव करने के लिए कहता है: एक नाम और एक वैल्यू. इसे एचटीटीपी कुकी कहा जाता है. cats.example/images/cat.jpg के अनुरोध के जवाब में, cats.example सर्वर, हेडर Set-Cookie:cat=tabby को शामिल करता है. इससे ब्राउज़र को cat नाम की कुकी को tabby वैल्यू के साथ सेव करने का निर्देश मिलता है.

इसके बाद, उस कुकी को cats.example, के बाद के अनुरोधों में शामिल किया जाएगा. ऐसा तब तक किया जाएगा, जब तक कुकी एक्सपायर नहीं हो जाती या उसे हटा नहीं दिया जाता. इससे सर्वर को कई वेब पेजों या सेशन में उपयोगकर्ता की जानकारी बनाए रखने की अनुमति मिलती है. उदाहरण के लिए, उपयोगकर्ता को टैबी कैट की इमेज दिखाई गई है.


हेडर कार्रवाई उदाहरण Effect
एचटीटीपी रिस्पॉन्स
सर्वर से ब्राउज़र तक
Set‑Cookie वेब सर्वर, आपके ब्राउज़र से कुकी सेव करने के लिए कहता है. Set‑Cookie:cat=tabby इस कुकी को आपका ब्राउज़र सेव करता है. साथ ही, इसे सर्वर को बाद के अनुरोधों में उपलब्ध कराया जाता है.
एचटीटीपी अनुरोध
ब्राउज़र से सर्वर तक
Cookie आपका ब्राउज़र एक कुकी उपलब्ध कराता है. Cookie:cat=tabby यह कुकी उस सर्वर के लिए उपलब्ध कराई जाती है जो अनुरोध का डेस्टिनेशन है.

डेमो

  • 1pc.glitch.me: पहले पक्ष की कुकी का डेमो
  • 3pc.glitch.me: तीसरे पक्ष की कुकी का डेमो

टूल

ज़्यादा जानें