jq ajax progress

jQuery Ajax 进展

轻量级 jQuery 插件，添加了对progress的支持，并为 $.ajax() 承诺了uploadProgress

安装

新项目管理

npm install jq-ajax-progress

手动

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

如何使用

在jQuery脚本之后的 html 中包含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 ，那么回调函数中的第二个参数将是一个 chunk 部分。

默认情况下，所有分块响应都包含已收到的完整文本响应，如果您需要对部分执行某些操作，则应手动剪切它。当您从服务器向客户端发送大文本或媒体响应并且您不希望客户端等待整个响应时，可能的情况之一。

请记住，在幕后，整个响应从头开始（从零索引）直到最后一部分发生，因此大量数据（理论上）可能会导致性能问题。但是...请记住:)

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

建造

安装节点

运行npm install && npm run build

这将缩小库并将其放入src文件夹中

麻省理工学院许可证