الرؤوس المخصصة في طلبات AJAX POST باستخدام jQuery

في طلبات AJAX POST التي تبدأ باستخدام jQuery، من الممكن تضمين رؤوس مخصصة. ومع ذلك، تختلف آلية إضافة الرؤوس عن الطريقة المعتادة.

عند تحديد الرؤوس كما هو موضح في المثال:

$.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

ومع ذلك، تمنع إجراءات أمان المتصفح إرسال قيم الرأس المخصصة مباشرة في الطلب الأولي. وبدلاً من ذلك، يتم وضعها في رأس Access-Control-Request-Headers. هذه آلية أمان تُعرف باسم الطلب المبدئي.

للسماح للطلب اللاحق بتضمين قيم الرأس الفعلية، يجب على الخادم تكوين رؤوس 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));
  }
});

يقوم هذا الأسلوب فعليًا بتعيين قيم رأس الطلب مباشرةً، متجاوزًا موضع Access-Control-Request-Headers. فهو يوفر طريقة لإرسال رؤوس مخصصة مع الطلب الأولي دون الحاجة إلى تكوين الخادم.