jq ajax progress

Progresso do jQuery Ajax

Plugin jQuery leve que adiciona suporte de progress e uploadProgress promete $.ajax()

Instalação

npm

npm install jq-ajax-progress

manualmente

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

Como usar

Inclua src/jq-ajax-progress.min.js dentro do seu html após o script jQuery

Uso básico

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

Uso prolongado

Quando você precisa enviar dados fragmentados ao cliente, em alguns casos, seria bom rastrear qual parte acabou de receber. Para isso, use a opção booleana chunking ( false por padrão). Se for definido como true , o segundo parâmetro na função de retorno de chamada será uma parte do pedaço.

Por padrão, todas as respostas em pedaços contêm a resposta em texto inteiro que já foi recebida e você deve cortá-la manualmente se precisar fazer algo com partes. Um dos casos possíveis quando você envia uma grande resposta de texto ou mídia do servidor para o cliente e não deseja que seu cliente espere pela resposta completa.

Tenha em mente que, nos bastidores, toda a resposta está sendo cortada desde o início (do índice zero) até a ocorrência da última parte, portanto, uma grande quantidade de dados (teoricamente) pode causar problemas de desempenho. Mas... lembre-se :)

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

Construir

Instalar nó

Execute npm install && npm run build

Isso irá reduzir a biblioteca e colocá-la dentro da pasta src

LICENÇA MIT