jq ajax progress

jQuery Ajax の進捗状況

$.ajax() にprogressとuploadProgress Promise のサポートを追加する軽量の jQuery プラグイン

インストール

npm

npm install jq-ajax-progress

手動で

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

使用方法

HTML 内のjQueryスクリプトの後にsrc/jq-ajax-progress.min.jsを含めます。

基本的な使い方

 $ . 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に設定すると、コールバック関数の 2 番目のパラメータがチャンク部分になります。

デフォルトでは、すべてのチャンク化された応答には、すでに受信したテキスト応答全体が含まれており、部分的に何かを行う必要がある場合は手動で切り取る必要があります。サーバーからクライアントに大きなテキストやメディアの応答を送信し、クライアントが応答全体を待たないようにする場合に考えられるケースの 1 つです。

内部では、応答全体が最初 (インデックス 0 から) から最後の部分が発生するまでカットされているため、(理論的には) 大量のデータがパフォーマンスの問題を引き起こす可能性があることに注意してください。ただし...覚えておいてください:)

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

建てる

ノードのインストール

npm install && npm run build実行します

これにより、ライブラリが縮小され、 srcフォルダー内に配置されます

MITライセンス