中文文档 | Inglés
Un marco Ajax liviano basado en ES6 Promise
, compatible con la representación de plantillas.
npm install lightings
lightings
|---src
| |---lightings.js (es6 source)
| |---promise.js (low browser support Promise)
|
|---dist
|---lightings.js (use bable compiler source code es5)
|---lightings.min.js
Consejo : Si su navegador admite la sintaxis de ES6, puede utilizarla directamente en el directorio src del código fuente de ES6.
consejo :Ejemplos de uso uniforme de datos JSON:
{
"name": "Lightings",
"author": {
"firstName": "Jay",
"lastName": "Zangwill"
}
}
Realizar una solicitud GET (usando la representación de plantilla)
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>
Realizar una solicitud GET (no utilice la representación de plantilla)
lightings.get('test.json')
.then(function(data){
console.log(data);
//dom operation and other operation
}).catch(function(error){
console.log(error);
});
Solicitud entre dominios
lightings.jsonp('http://jayzangwill.cn/test.json')
.then(function(data){
console.log(data);
//dom operation and other operation
}).catch(function(error){
console.log(error);
});
iluminaciones.get(url[,datos,[opciones]])
iluminaciones.post(url[,datos,[opciones]])
iluminaciones.jsonp(url[,datos,[opciones]])
NOTA :
config:true
, como lightings.get('test.json',{
config:true,
...
});
timeout
y progress
options
de parámetros (elemento configurable)timeout
. (jsonp no admite tiempo de espera)progress
. (jsonp no admite tiempo de espera) Se corrigió la función Promise
baja del navegador.
modificar la API de iluminación, eliminar algunas configuraciones obsoletas
renderizado de plantilla optimizado