xhr.js

xhr.js

xhr.js ist eine Bibliothek (< 2 KB), um AJAX/HTTP-Restful-Anfragen mit XMLHttpRequest zu stellen. Es verfügt über eine ähnliche API mit Python-requests .

Verwendung

1. Installieren Sie xhr.js

npm install xhr.js

2. xhr.js importieren

UMD-Import wird unterstützt, dann globales Objekt abrufen: XHR .

 import XHR from 'xhr.js' ;

// or

var XHR = require ( "xhr.js" ) ;

oder mit script in HTML-Dateien verlinken:

 < script src = "dist/xhr.min.js" > </ script >

3. Verwenden Sie die Klasse XHR

 var xhr = XHR ( async ) ; // default is async. you can set sync use  XHR(false)
xhr . on ( 'success' , function ( result ) {
	console . log ( 'status:' , result . status ) ;
	console . log ( 'statusText:' , result . statusText ) ;
	console . log ( 'url:' , result . url ) ;
	console . log ( 'responseType:' , result . responseType ) ;
	console . log ( 'text:' , result . text ) ;
	console . log ( 'headers:' , result . headers ) ;

	console . log ( 'ok:' , result . ok ( ) ) ; // get the json result.
	console . log ( 'json:' , result . json ( ) ) ; // get the json result.
	console . log ( 'xml:' , result . xml ( ) ) ;
	console . log ( 'blob:' , result . blob ( ) ) ;
} ) ;

xhr . get ( 'package.json' , { 'a' : 'b' } ) ;

Noch eine post Demo:

 var xhr = XHR ( ) ;
xhr . post ( '/post_url' , { 'a' : 'b' } , function ( r ) {
	r = r . json ( ) ; // get the json result.
	// write your code
} ) ;

Datei mit FormData Objekt hochladen :

 var fd = new FormData ( document . querySelector ( '#submit_form' ) ) ;

var xhr = new XHR ( ) ;
xhr . post ( '/submit/new' , fd , function ( r ) {
    // request success
    r = r . json ( ) ;
    console . log ( r ) ;
} ) ;

Detail-API

1. XHR-API

Die API der xhr-Instanz.

1. xhr.request(method, url, body, onsuccess, onfail) : Fordern Sie die URL mit der Methode an.
2. xhr.on(event_key, event_func) : Binden Sie das Anforderungsergebnis (bereit, Fehler, Erfolg, Fehlschlag) mit der Ergebnisinstanz als Eingabe.
3. xhr.get(url, params, onsuccess, onfail) : Anfrage abrufen.
4. xhr.post(url, params, onsuccess, onfail) : Post-Anfrage.
5. xhr.setRequestHeader(header_name, header_value) : einen Header anhängen.
6. xhr.setAsync(aysnc) : Anforderung asynchron/synchronisieren.
7. xhr.url() : Ruft die Anforderungs-URL ab.
8. xhr.body() : Holen Sie sich den Anforderungstext.
9. xhr.abort() : Anfrage abbrechen.
10. xhr.reset() : Setzt die xhr-Instanz zurück, z. B. URL, Header, Text und Ereignisse.

2. XHR-Ereignisschlüssel

Die EVNET-Schlüssel sind für die API on .

1. ready : wenn xhr bereit ist.
2. success : wenn status_code is 200 .
3. fail : wenn status_code is not 200 .

3. Antwort-API

Die API ist für das Anforderungsrückruffunktionsparameterergebnis result .

1. result.text : den gesamten Antworttext abrufen;
2. result.status : der Server-Antwortcode;
3. result.statusText : der Server-Antwortcodetext, z. B. ok (Statuscode ist 200 ).
4. result.responseType : Antworttyp;
5. result.headers : alle Antwort-Header-Objekte abrufen;
6. result.ok() : ist die Anfrage ok;
7. result.json() : JSON-Objekt des Antworttexts abrufen;
8. result.xml() : XML-Objekt des Antworttexts abrufen;
9. result.blob() : Holen Sie sich das Blob-Objekt des Antworttextes.

TODO

• Autorisierung anfordern
• ein HTTP-Test-Chrome-Plugin, wie Postman.

LIZENZ

MIT