promise使用-CSDN博客

本文链接：https://blog.csdn.net/zjnkkl/article/details/120415723

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
function ajax(URL) {
	return new Promise(function (resolve, reject) {
		var req = new XMLHttpRequest(); 
		req.open('GET', URL, true);
		//resove
		req.onload = function () {
		if (req.status === 200) { 
				resolve(req.responseText);
			} else {
				reject(new Error(req.statusText));
			} 
		};
		//reject
		req.onerror = function () {
			reject(new Error(req.statusText));
		};
		req.send(); 
	});
}
var URL = "/try/ajax/testpromise.php"; 
ajax(URL).then(function onFulfilled(value){
	document.write('内容是：' + value); 
}).catch(function onRejected(error){//错误时处理
	document.write('错误：' + error); 
});
</script>
</body>
</html>

resolve（解析）和 reject（拒绝）。如果一切都正常，则调用 resolve，否则调用 reject。
Promise.prototype.then方法：链式操作，返回的是一个新的 Promise 对象
Promise.prototype.catch方法：捕捉错误
有时需要将现有对象转为Promise对象，Promise.resolve方法就起到这个作用。

var jsPromise = Promise.resolve($.ajax('/whatever.json'));