jq ajax progress

Progreso de jQuery Ajax

Complemento jQuery liviano que agrega soporte de progress y promesas uploadProgress a $.ajax()

Instalación

npm

npm install jq-ajax-progress

a mano

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

como usar

Incluya src/jq-ajax-progress.min.js dentro de su html después del 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 extendido

Cuando tiene que enviar datos fragmentados al cliente, en algunos casos sería bueno realizar un seguimiento de la parte que acaba de recibir. Para este propósito, utilice chunking de opciones booleanas ( false por defecto). Si se establece como true , entonces el segundo parámetro en la función de devolución de llamada será una parte del fragmento.

De forma predeterminada, todas las respuestas fragmentadas contienen respuestas de texto completo que ya se recibieron y debes cortarlas manualmente si necesitas hacer algo con las partes. Uno de los posibles casos en los que envía un texto grande o una respuesta multimedia del servidor al cliente y no quiere que su cliente espere la respuesta completa.

Tenga en cuenta que, bajo el capó, toda la respuesta se corta desde el principio (desde el índice cero) hasta que ocurre la última parte, por lo que una gran cantidad de datos (teóricamente) puede causar problemas de rendimiento. Pero... sólo tenlo en cuenta :)

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

Construir

Instalar nodo

Ejecute npm install && npm run build

Esto minimizará la biblioteca y la colocará dentro de la carpeta src .

LICENCIA MIT