كيف يمكنني عرض مؤشر "انتظار" على صفحة ويب بينما يتم الوفاء بطلب HTTP من قبل خادم الويب؟

Question

الخلفية - لدي تطبيق ويب يستغرق طلبًا عدة ثوانٍ.

سؤال - كيف يمكنني عرض مؤشر نوع "انتظار" (على سبيل المثال) للمستخدم بعد بدء الطلب ، حتى تعود استجابة طلب HTTP الفعلية من الخادم؟

ملاحظات - أفترض أن هذا سؤال عام لتطوير الويب ، ومع ذلك فإن تطبيق الويب الخاص بي هو تطبيق "Ruby on Rails".

شكرًا

Answer 1

عادةً ما تقوم بإضافة كائن DOM جديد (أو إظهار كتاب موجود) إلى الصفحة ، يحتمل أن يكون عبر jQuery أو بعض المكتبة الأخرى ، يعرض الدوار ، ثم في أي رد اتصال يتم إطلاق ردهة عند اكتمال طلب AJAX ؛ كان لديك إخفاء كائن الدوار مرة أخرى.

Answer 2

الملصقات السابقة صحيحة ، يمكنك إظهار الرسوم المتحركة ، ولكن هذا ليس مثاليًا لجميع الحالات. إذا كنت ترغب فقط في تغيير المؤشر ، في JavaScript ، يمكنك القيام بذلك في بداية الطلب:

document.body.style.cursor = "wait";

وبعد اكتمال الطلب:

document.body.style.cursor = "default";    

أتمنى أن يساعد ذلك ... سكوت.

Answer 3

بادئ ذي بدء ، لديك Div مخفي مع صورة Spinner ، عندما ترسل طلب HTTP ، وجعل Div مرئيًا وعندما تتلقى الرد ، اجعله مخفيًا مرة أخرى.