lightings

조명

중국어문예 | 영어

ES6 Promise 기반으로 하는 경량 Ajax 프레임워크로 템플릿 렌더링을 지원합니다.

설치 중

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

팁 :브라우저가 ES6 구문을 지원하는 경우 ES6 소스 코드의 src 디렉터리에서 직접 사용할 수 있습니다.

예

Tip :JSON 데이터의 통일된 사용 예:

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

GET 요청 수행(템플릿 렌더링 사용)

 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>

GET 요청 수행(템플릿 렌더링을 사용하지 않음)

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

교차 도메인 요청

 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

조명.get(url[,data,[옵션]])

조명.포스트(url[,data,[옵션]])

조명.jsonp(url[,data,[옵션]])

메모 :

1. 옵션을 두 번째 인수로 사용하는 경우 다음과 같은 config:true 속성을 전달해야 합니다.

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

2. jsonp는 템플릿 렌더링, timeout , progress 지원하지 않습니다.

매개변수 options (구성 가능 항목)

1. el:템플릿 렌더링을 위한 조명 마운트 요소.(JSON 지원을 위한 데이터 형식에서만 get, post)
2. 데이터 유형: 서버 데이터 반환 형식, 기본값은 JSON, 선택 값: JSON,XML, HTML, 텍스트.
3. 비동기: asynchronous.default 비동기 여부.
4. contentType: 요청 헤더.(게시 요청만 지원)
5. 시간 초과: 시간 초과. 기본값 0(시간 제한이 설정되지 않음)
6. 진행 : Ajax에 요청을 보내는 과정의 함수

업데이트 로그

2017 3.15 v1.1.0

1. timeout 구성 항목을 추가합니다. (jsonp는 시간 초과를 지원하지 않습니다)
2. progress 구성 항목을 추가합니다. (jsonp는 시간 초과를 지원하지 않습니다)

2017 3.27 v1.2.0

낮은 브라우저 Promise 기능 수정

2017 4.5 v1.3.0

1. 버그 아래 IE9의 버그를 수정했습니다.
2. 템플릿 렌더링 지원(jsonp는 지원하지 않음)

2017 4.7 v2.0.0

조명 API 수정, 일부 오래된 구성 폐지

2017 4.7 v2.0.1

최적화된 템플릿 렌더링

2017 4.13 v2.0.2

1. 비동기를 false로 설정할 수 없는 문제가 해결되었습니다.
2. 비동기로 설정된 경우 false로 데이터를 가져올 수 없는 문제가 해결되었습니다.

2018 4.06 V2.0.3

1. 일부 버그 수정