jq ajax progress

jQuery Ajax Progrès

Plugin jQuery léger qui ajoute la prise en charge des promesses progress et uploadProgress à $.ajax()

Installation

npm

npm install jq-ajax-progress

manuellement

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

Comment utiliser

Incluez src/jq-ajax-progress.min.js dans votre code HTML après le script jQuery

Utilisation de base

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

Utilisation étendue

Lorsque vous devez envoyer des données fragmentées au client, dans certains cas, il serait bon de suivre quelle partie vient de recevoir. À cette fin, utilisez l'option booléenne chunking ( false par défaut). S'il est défini sur true , alors le deuxième paramètre de la fonction de rappel sera une partie fragmentée.

Par défaut, toutes les réponses fragmentées contiennent la réponse en texte entier déjà reçue et vous devez la couper manuellement si vous devez faire quelque chose avec des parties. L'un des cas possibles lorsque vous envoyez un gros texte ou une réponse multimédia du serveur au client et que vous ne voulez pas que votre client attende la réponse complète.

Gardez à l'esprit que sous le capot, toute la réponse est coupée depuis le début (de l'index zéro) jusqu'à l'occurrence de la dernière partie, donc une grande quantité de données (théoriquement) peut entraîner des problèmes de performances. Mais... gardez juste à l'esprit :)

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

Construire

Installer le nœud

Exécutez npm install && npm run build

Cela réduira la bibliothèque et la placera dans le dossier src

LICENCE MIT