jQuery के साथ AJAX पोस्ट अनुरोधों में कस्टम हेडर

jQuery के साथ शुरू किए गए AJAX पोस्ट अनुरोधों में, कस्टम हेडर शामिल करना संभव है। हालाँकि, हेडर जोड़ने का तंत्र सामान्य दृष्टिकोण से भिन्न है।

जब आप हेडर निर्दिष्ट करते हैं जैसा कि उदाहरण में दिखाया गया है:

$.ajax({
    type: 'POST',
    url: url,
    headers: {
        "My-First-Header":"first value",
        "My-Second-Header":"second value"
    }
}).done(function(data) {
    alert(data);
});

जाहिर तौर पर, आप हेडर को इस प्रकार भेजे जाने की उम्मीद करेंगे:

My-First-Header: first value
My-Second-Header: second value

हालाँकि, ब्राउज़र सुरक्षा उपाय कस्टम हेडर मानों को सीधे प्रारंभिक अनुरोध में भेजने से रोकते हैं। इसके बजाय, उन्हें एक्सेस-कंट्रोल-रिक्वेस्ट-हेडर हेडर में रखा गया है। यह एक सुरक्षा तंत्र है जिसे प्रीफ़्लाइटेड अनुरोध के रूप में जाना जाता है।

बाद के अनुरोध को वास्तविक हेडर मान शामिल करने की अनुमति देने के लिए, सर्वर को आवश्यक CORS (क्रॉस-ओरिजिनल रिसोर्स शेयरिंग) हेडर को कॉन्फ़िगर करना होगा।

इसका एक समाधान हेडर को एक अलग तरीके से भेजना है, जैसा कि दिए गए नमूना कोड में दिखाया गया है:

$.ajax({
  type: "POST",
  beforeSend: function(request) {
    request.setRequestHeader("Authority", authorizationToken);
  },
  url: "entities",
  data: "json="   escape(JSON.stringify(createRequestObject)),
  processData: false,
  success: function(msg) {
    $("#results").append("The result ="   StringifyPretty(msg));
  }
});

यह दृष्टिकोण वास्तव में एक्सेस-कंट्रोल-रिक्वेस्ट-हेडर प्लेसमेंट को दरकिनार करते हुए सीधे अनुरोध हेडर मान सेट करता है। यह सर्वर कॉन्फ़िगरेशन की आवश्यकता के बिना प्रारंभिक अनुरोध के साथ कस्टम हेडर भेजने का एक तरीका प्रदान करता है।