تكمن المشكلة الرئيسية في استخدام jquery ajax مع CORS في أن طلب Ajax سيتم إجراؤه من نفس المجال مثل الصفحة التي يتم وضع استدعاء jquery ajax عليها. هذا يعني أنه إذا كانت الصفحة التي يتم فيها وضع استدعاء jquery ajax بها سياسة CORS الخاصة بها ، فلن يُسمح لطلب Ajax بعبور حدود المجال.
$.ajax({ url: 'http://example.com/api/v1/users', type: 'GET', dataType: 'json', xhrFields: { withCredentials: true }, headers: { 'Authorization':'Basic YWRtaW46YWRtaW4=' }, success: function(response) { console.log(response); } });
يستخدم هذا الرمز وظيفة jQuery ajax لتقديم طلب GET إلى عنوان url "http://example.com/api/v1/users". تم تعيين dataType إلى json ، مما يخبر jQuery بتحليل الاستجابة كـ json. يتم استخدام خياري xhrFields و headers لتعيين علامة withCredentials على كائن XMLHttpRequest وتعيين رأس التفويض ، على التوالي. أخيرًا ، يتم استدعاء وظيفة النجاح إذا نجح الطلب ، وتقوم بطباعة الاستجابة إلى وحدة التحكم.
الموجهات
إعادة التوجيه هي نوع خاص من الروابط التي تخبر المتصفح بنقل المستخدم إلى صفحة أو موقع مختلف. يمكن إنشاء إعادة توجيه باستخدام وظيفة $ .redirect ().
لإنشاء عملية إعادة توجيه بسيطة ، استخدم الكود التالي:
$ (document) .ready (function () {$ .redirect (“http://www.example.com/”)؛})؛
سيقوم هذا الرمز بإنشاء إعادة توجيه إلى http://www.example.com/. يمكنك أيضًا استخدام الوظيفة $ .redirect () لإنشاء عمليات إعادة توجيه دائمة أو مؤقتة. لإنشاء إعادة توجيه مؤقتة ، استخدم الكود التالي:
$ (document) .ready (function () {$ .redirect (“http://www.example2.com/”، true)؛})؛
سينشئ هذا الرمز إعادة توجيه مؤقتة ستنتهي صلاحيتها بعد 5 ثوانٍ. لإنشاء إعادة توجيه دائمة ، استخدم الكود التالي:
$ (document) .ready (function () {$ .redirect (“http://www.example3.com/”، true)؛})؛
إعادة توجيه صفحات الويب
توجد عدة طرق لإعادة توجيه صفحات الويب في jQuery. إحدى الطرق هي استخدام الدالة $ .redirect (). تأخذ هذه الوظيفة وسيطين: عنوان URL المراد إعادة التوجيه إليه ووظيفة رد الاتصال التي سيتم استدعاؤها عند اكتمال إعادة التوجيه. يمكن أن تقوم وظيفة رد الاتصال إما بإرجاع خطأ للإشارة إلى أن إعادة التوجيه لا ينبغي أن تحدث ، أو يمكنها إرجاع عنوان URL جديد يجب استخدامه بدلاً من عنوان URL الأصلي.
هناك طريقة أخرى لإعادة توجيه صفحات الويب في jQuery وهي استخدام الدالة $ .ajax (). تأخذ هذه الوظيفة وسيطين: عنوان url للصفحة التي تريد إعادة توجيهها وكائن خيارات يحتوي على إعدادات مختلفة حول كيفية تقديم الطلب. يتضمن كائن الخيارات خاصية النوع ، والتي يمكن تعيينها إما على "GET" أو "POST". إذا تم تعيين النوع على "GET" ، فسيتم إجراء الطلب باستخدام معلمات GET ، بينما إذا تم تعيين النوع على "POST" ، فسيتم إجراء الطلب باستخدام معلمات POST.
تتيح لك هاتان الطريقتان تحديد أجزاء الصفحة التي تريد إعادة توجيهها ، بالإضافة إلى وظيفة رد الاتصال التي يجب استدعاءها عند اكتمال إعادة التوجيه.
