jq ajax progress

Kemajuan jQuery Ajax

Plugin jQuery ringan yang menambahkan dukungan progress dan janji uploadProgress ke $.ajax()

Instalasi

npm

npm install jq-ajax-progress

secara manual

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

Cara menggunakan

Sertakan src/jq-ajax-progress.min.js di dalam html Anda setelah skrip jQuery

Penggunaan dasar

 $ . 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);
      //}
    }
  } ) 

Penggunaan yang diperluas

Ketika Anda harus mengirim data terpotong ke klien dalam beberapa kasus, akan lebih baik untuk melacak bagian mana yang baru saja diterima. Untuk tujuan ini gunakan opsi boolean chunking ( false secara default). Jika disetel sebagai true , maka parameter kedua dalam fungsi panggilan balik akan menjadi bagian potongan.

Secara default, semua respons yang dipotong berisi seluruh respons teks yang telah diterima dan Anda harus memotongnya secara manual jika Anda perlu melakukan sesuatu dengan sebagian. Salah satu kasus yang mungkin terjadi ketika Anda mengirim teks besar atau respons media dari server ke klien dan Anda tidak ingin klien Anda menunggu respons keseluruhan.

Perlu diingat, bahwa seluruh respons dipotong dari awal (dari indeks nol) hingga kemunculan bagian terakhir, sehingga sejumlah besar data (secara teoritis) dapat menyebabkan masalah kinerja. Tapi... ingatlah :)

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

Membangun

Instal simpul

Jalankan npm install && npm run build

Ini akan mengecilkan perpustakaan dan memasukkannya ke dalam folder src

LISENSI MIT