jq ajax progress

jQuery Ajax-Fortschritt

Leichtes jQuery-Plugin, das Unterstützung für progress und uploadProgress hinzufügt, verspricht $.ajax()

Installation

npm

npm install jq-ajax-progress

manuell

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

Wie zu verwenden

Fügen Sie src/jq-ajax-progress.min.js in Ihr HTML nach jQuery Skript ein

Grundlegende Verwendung

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

Erweiterte Nutzung

Wenn Sie in einigen Fällen geblockte Daten an den Client senden müssen, wäre es sinnvoll zu verfolgen, welcher Teil gerade empfangen wurde. Zu diesem Zweck verwenden Sie die boolesche Option chunking (standardmäßig false ). Wenn es auf true gesetzt ist, ist der zweite Parameter in der Rückruffunktion ein Chunk-Teil.

Standardmäßig enthalten alle aufgeteilten Antworten den vollständigen Text der bereits empfangenen Antworten. Sie sollten ihn manuell ausschneiden, wenn Sie etwas mit Teilen machen müssen. Dies ist ein möglicher Fall, wenn Sie große Text- oder Medienantworten vom Server an den Client senden und nicht möchten, dass Ihr Client auf die gesamte Antwort wartet.

Beachten Sie, dass unter der Haube die gesamte Antwort vom Anfang (vom Index Null) bis zum Auftreten des letzten Teils gekürzt wird, sodass große Datenmengen (theoretisch) zu Leistungsproblemen führen können. Aber... denk einfach daran :)

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

Bauen

Knoten installieren

Führen Sie npm install && npm run build aus

Dadurch wird die Bibliothek minimiert und im src -Ordner abgelegt

MIT LIZENZ