jq ajax progress

مسج اياكس التقدم

مكون إضافي jQuery خفيف الوزن يضيف دعمًا progress ويعد uploadProgress إلى $.ajax()

تثبيت

npm

npm install jq-ajax-progress

يدويا

git clone [email protected]:likerRr/jq-ajax-progress.git

كيفية الاستخدام

قم بتضمين src/jq-ajax-progress.min.js داخل html الخاص بك بعد البرنامج النصي jQuery

الاستخدام الأساسي

 $ . ajax ( url , {
    progress : function ( e ) {
      // track downloading
    } ,
    uploadProgress : function ( e ) {
      // track uploading
      // if (e.lengthComputable) {
      //   var completedPercentage = Math.round((e.loaded * 100) / e.total);
      //   console.log(completedPercentage);
      //}
    }
  } ) 

الاستخدام الموسع

عندما يتعين عليك إرسال بيانات مقسمة إلى العميل في بعض الحالات، سيكون من الجيد تتبع الجزء الذي تلقيته للتو. لهذا الغرض، استخدم chunking الخيار المنطقي ( false افتراضيًا). إذا تم تعيينها على أنها true ، فإن المعلمة الثانية في وظيفة رد الاتصال ستكون جزءًا من القطعة.

افتراضيًا، تحتوي جميع الاستجابات المقسمة على استجابة نصية كاملة تم تلقيها بالفعل ويجب عليك قصها يدويًا إذا كنت بحاجة إلى القيام بشيء ما باستخدام أجزاء. إحدى الحالات المحتملة عندما ترسل استجابة نصية أو وسائط كبيرة من خادم إلى عميل ولا تريد أن ينتظر عميلك الاستجابة الكاملة.

ضع في اعتبارك أنه يتم قطع الاستجابة الكاملة تحت الغطاء من البداية (من الفهرس الصفري) حتى حدوث الجزء الأخير، لذا قد تتسبب كمية كبيرة من البيانات (نظريًا) في حدوث مشكلات في الأداء. ولكن...فقط ضع في اعتبارك :)

 $ . ajax ( url , {
    chunking : true ,
    progress : function ( e , part ) {
      console . log ( part ) ;
    }
  } ) ;

يبني

تثبيت العقدة

قم بتشغيل npm install && npm run build

سيؤدي هذا إلى تصغير المكتبة ووضعها داخل مجلد src

رخصة معهد ماساتشوستس للتكنولوجيا