lightings

Iluminações

中文文档 | Inglês

Uma estrutura Ajax leve baseada em ES6 Promise , suporte para renderização de modelos.

Instalando

npm install lightings

Estrutura de diretório:

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

dica : Se o seu navegador suportar a sintaxe ES6, você pode usá-la diretamente no diretório src do código-fonte ES6.

Exemplo

dica :Exemplos de uso uniforme de dados JSON:

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

Executando uma solicitação GET (usando renderização de modelo)

 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>

Executando uma solicitação GET (não use renderização de modelo)

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

Solicitação entre domínios

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

API de iluminação

iluminações.get(url[,dados,[opções]])

iluminações.post(url[,dados,[opções]])

iluminações.jsonp(url[,dados,[opções]])

OBSERVAÇÃO :

1. Ao usar opções como segundo argumento, você precisa passar uma propriedade config:true , como

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

2. jsonp não suporta renderização de modelo, timeout , progress

options de parâmetro (item configurável)

1. el:elementos de montagem de iluminação para renderização de modelo. (Somente no formato de dados para suporte JSON get, post)
2. dataType: formato de retorno de dados do servidor, o padrão é JSON, valor opcional: JSON, XML, HTML, texto.
3. assíncrono: se assíncrono.default assíncrono.
4. contentType: cabeçalho da solicitação. (suporta apenas solicitações de postagem)
5. tempo limite: tempo limite. padrão 0 (nenhum tempo limite é definido)
6. progresso: uma função no processo de envio de uma solicitação ao Ajax

Registro de atualização

2017 3.15 v1.1.0

1. Adicione item de configuração timeout . (jsonp não suporta tempo limite)
2. Adicione o item de configuração progress . (jsonp não suporta tempo limite)

2017 3.27 v1.2.0

Corrigida a função Promise do navegador baixo

2017 4.5 v1.3.0

1. Corrigido um bug no IE9 em bug
2. Suporte para renderização de modelo (jsonp não suporta)

2017 4.7 v2.0.0

modificar a API de iluminação, abolir algumas configurações desatualizadas

2017 4.7 v2.0.1

renderização de modelo otimizada

2017 4.13 v2.0.2

1. Corrigimos o problema em que o assíncrono não podia ser definido como falso
2. Corrigido problema com false incapaz de obter dados quando definido como Async

2018 4.06 V2.0.3

1. Corrigir algum bug