lightings

Beleuchtungen

中文文档 | Englisch

Ein leichtes Ajax-Framework basierend auf ES6 Promise , das das Rendern von Vorlagen unterstützt.

Installieren

npm install lightings

Verzeichnisstruktur:

 lightings
	|---src
	|    |---lightings.js (es6 source)
	|    |---promise.js (low browser support Promise)
	|
	|---dist
     	     |---lightings.js (use bable compiler source code es5)
	     |---lightings.min.js

Tipp : Wenn Ihr Browser die ES6-Syntax unterstützt, können Sie den ES6-Quellcode direkt im src- Verzeichnis verwenden.

Beispiel

Tipp :Beispiele für die einheitliche Nutzung von JSON-Daten:

 {
	"name": "Lightings",
	"author": {
		"firstName": "Jay",
		"lastName": "Zangwill"
	}
}

Durchführen einer GET-Anfrage (unter Verwendung von Vorlagenrendering)

 lightings.get('test.json',{
	config: true,
	el: '#app'
}).then(function(data){
		console.log(data);
		//other operation
}).catch(function(error){
	console.log(error);
});

 <!-- html -->
<div id="app">
	<p>author: {{author.firstName}} {{author.lastName}}</p>
	<p>name: {{name}}</p>
</div>

Durchführen einer GET-Anfrage (kein Vorlagenrendering verwenden)

 lightings.get('test.json')
	.then(function(data){
		console.log(data);
		//dom operation and other operation
	}).catch(function(error){
		console.log(error);
	});

Domainübergreifende Anfrage

 lightings.jsonp('http://jayzangwill.cn/test.json')
	.then(function(data){
		console.log(data);
		//dom operation and other operation
	}).catch(function(error){
		console.log(error);
	});

Beleuchtungs-API

lightings.get(url[,data,[options]])

lightings.post(url[,data,[options]])

Beleuchtungen.jsonp(url[,Daten,[Optionen]])

NOTIZ :

1. Wenn Sie Optionen als zweites Argument verwenden, müssen Sie eine config:true -Eigenschaft übergeben, z

 lightings.get('test.json',{
	config:true,
	...
});

2. jsonp unterstützt kein Vorlagenrendering, timeout und progress

options (konfigurierbares Element)

1. el: Beleuchtungs-Mount-Elemente für das Rendern von Vorlagen. (Nur im Datenformat für JSON-Unterstützung get, post)
2. Datentyp: Serverdaten-Rückgabeformat, Standard ist JSON, optionaler Wert: JSON, XML, HTML, Text.
3. async: ob asynchronous.default asynchron ist.
4. contentType: Anforderungsheader (unterstützt nur Beitragsanfragen).
5. Zeitüberschreitung: Zeitüberschreitung. Standardwert 0 (es ist kein Timeout festgelegt)
6. progress: eine Funktion im Prozess des Sendens einer Anfrage an Ajax

Protokoll aktualisieren

2017 3.15 v1.1.0

1. timeout Konfigurationselement hinzufügen. (JSONP unterstützt kein Timeout)
2. progress hinzufügen. (JSONP unterstützt kein Timeout)

2017 3.27 v1.2.0

Low-Browser- Promise -Funktion behoben

2017 4.5 v1.3.0

1. Ein Fehler im IE9 wurde unter Bug behoben
2. Unterstützt das Rendern von Vorlagen (jsonp unterstützt nicht)

2017 4.7 v2.0.0

Ändern Sie die Beleuchtungs-API und entfernen Sie einige veraltete Konfigurationen

2017 4.7 v2.0.1

optimiertes Vorlagen-Rendering

2017 4.13 v2.0.2

1. Problem behoben, bei dem „async“ nicht auf „false“ gesetzt werden konnte
2. Problem behoben, bei dem „false“ keine Daten abrufen konnte, wenn „Asynchron“ eingestellt war

2018 4.06 V2.0.3

1. Beheben Sie einen Fehler