lightings

โคมไฟ

中文档 | ภาษาอังกฤษ

เฟรมเวิร์ก Ajax ที่มีน้ำหนักเบาซึ่งอิงตาม ES6 Promise รองรับการเรนเดอร์เทมเพลต

กำลังติดตั้ง

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 จะสามารถใช้ได้โดยตรงในไดเร็กทอรี src ของซอร์สโค้ด ES6

ตัวอย่าง

เคล็ดลับ :ตัวอย่างการใช้ข้อมูล 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 แสงสว่าง

lightings.get(url[,ข้อมูล,[ตัวเลือก]])

lightings.post(url[,ข้อมูล,[ตัวเลือก]])

lightings.jsonp(url[,ข้อมูล,[ตัวเลือก]])

บันทึก :

1. เมื่อใช้ตัวเลือกเป็นอาร์กิวเมนต์ที่สอง คุณจะต้องผ่านคุณสมบัติ config:true เช่น

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

2. jsonp ไม่รองรับการเรนเดอร์เทมเพลต, timeout , progress

options พารามิเตอร์ (รายการที่กำหนดค่าได้)

1. el：องค์ประกอบการติดตั้งแสงสำหรับการแสดงผลเทมเพลต (เฉพาะในรูปแบบข้อมูลสำหรับการรองรับ JSON รับ โพสต์)
2. dataType：รูปแบบการส่งคืนข้อมูลเซิร์ฟเวอร์ ค่าเริ่มต้นคือ JSON ค่าเผื่อเลือก: JSON,XML, HTML,ข้อความ
3. async: ไม่ว่าจะเป็น asynchronous.default แบบอะซิงโครนัส
4. contentType： ส่วนหัวของคำขอ (รองรับเฉพาะคำขอโพสต์เท่านั้น)
5. หมดเวลา： หมดเวลา ค่าเริ่มต้น 0 (ไม่ได้ตั้งค่าการหมดเวลา)
6. ความคืบหน้า：ฟังก์ชั่นในกระบวนการส่งคำขอไปยัง Ajax

อัปเดตบันทึก

2017 3.15 เวอร์ชัน 1.1.0

1. เพิ่มรายการการกำหนด timeout (jsonp ไม่รองรับการหมดเวลา)
2. เพิ่มรายการการกำหนดค่า progress (jsonp ไม่รองรับการหมดเวลา)

2017 3.27 เวอร์ชัน 1.2.0

แก้ไขฟังก์ชัน Promise ของเบราว์เซอร์ต่ำ

2017 4.5 เวอร์ชัน 1.3.0

1. แก้ไขข้อบกพร่องใน IE9 ภายใต้ข้อบกพร่อง
2. รองรับการเรนเดอร์เทมเพลต (ไม่รองรับ jsonp)

2017 4.7 เวอร์ชัน 2.0.0

แก้ไข lightings API ยกเลิกการกำหนดค่าที่ล้าสมัยบางอย่าง

2017 4.7 เวอร์ชัน 2.0.1

การแสดงผลเทมเพลตที่ปรับให้เหมาะสม

2017 4.13 เวอร์ชัน 2.0.2

1. แก้ไขปัญหาที่ไม่สามารถตั้งค่า async เป็น false ได้
2. แก้ไขปัญหา false ไม่สามารถรับข้อมูลได้เมื่อตั้งค่าเป็น Async

2018 4.06 V2.0.3

1. แก้ไขข้อบกพร่องบางอย่าง