promise使用

最新推荐文章于 2024-07-19 12:00:00 发布
最新推荐文章于 2024-07-19 12:00:00 发布
阅读量77 收藏
点赞数
分类专栏： promise js 文章标签： ajax javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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'));
zjnkkl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Promise使用经验
我只是来看看
07-27 968
ES6中，promise是经常使用的对象。 通过promise实例，可以实现对异步代码的封装，保证当异步代码执行完成后再执行后续处理代码。 Promise的基本使用 resolve函数的结果可以通过then()方法接收，reject函数的结果可以被catch()方法接收 valid(){ return new Promise((resolve...
详解Promise使用与原理
weixin_50313248的博客
06-29 1790
详解Promise使用与原理一：Promise的概念二：Promise的生命周期三：如何让创建一个Promise四：编写Promise结果处理程序浅的讲差不多了，深的来了 --> .then 一：Promise的概念 Promise的中文意思是‘承诺’，什么叫承诺？承诺就是现在没有发生，在将来的某个时刻一定会发生的事情。 放在编程语言的环境下，Promise就是异步事件的结果的占位符。我们不用去管异步事件的结果什么时候来，只需要关心异步事件的结果产生的时候，你想要做什么就对了。 二：Promise的生
Promise使用详解
qq_45331969的博客
10-19 1630
Promise相关
new Promise使用
qq_45952585的博客
12-29 1万+
new Promise使用一、Promise.all二、promise.then 一、Promise.all let arr = ['a', 'b', 'c', 'd'] let list = [] for (let index = 0; index < arr.length; index++) { const element = arr[index]; var currentData = new Promise(function (resolve, reject) {
ES6：Promise使用方法解析大全
景天科技苑
03-12 1150
Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。 它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。 Promise是一个构造函数，通过new来实例化，主要解决异步编程。
Promise的使用
hzg_hou的博客
06-02 1537
语法固定 try…catch try 尝试的意思 catch 捕获1. try catch捕获到错误之后, 后续代码可以继续执行2. catch 可以将错误信息捕获到. error参数是一个错误对象, 有message(错误信息)和stack（错误跟踪，精准到行和列）两个属性,使用console.dir(error)打印输出查看3. 抛出错误之后, 在 try 里面的报错的后续代码就不再执行。
promise使用场景
qq_36437172的博客
09-08 1222
1.异步嵌套问题：wx.request是异步操作，需要一个回调函数来接收（success），回调函数中发起一起wx.request请求----回调地狱 2.回调函数剥夺return的能力。 // 实例化一个promise对象 let promise = new Promise((resolve, reject) => { wx.request({ ur...
vue 中 Promise 使用方法
热门推荐
曾令胜的博客
10-20 3万+
1. Promise 基本概念： Promise是一个构造函数，所以可以 new 出一个Promise的实例； 在Promise上有两个函数 resolve (成功之后的回调函数)和 reject (失败后的回调函数)； 在Promise构造函数的prototype属性上，有一个 .then() 方法。 所以只要是Promise构造函数创建的实例，都可以访问到 .then()方法； Promise表示一个一步操作，每当我们new一个Promise的实例，这个实例就代表具体的 异步 操作。 Promise创建
Promise的使用详解
酒客的博客
12-23 1502
Promise内容详解–知识点整理 异步任务的处理 ​ 在ES6出来之后，有很多关于Promise的讲解、文章，也有很多经典的书籍讲解Promise。虽然等你学会Promise之后，会觉得Promise不过如此，但是在初次接触的时候都会觉得这个东西不好理解； 那么这里我从一个实际的例子来作为切入点： 我们调用一个函数，这个函数中发送网络请求（我们可以用定时器来模拟）； 如果发送网络请求成功了，那么告知调用者发送成功，并且将相关数据返回过去； 如果发送网络请求失败了，那么告知调用者发送失败，并且告知错误信息
promise使用详解
taowuhua的博客
06-16 3046
号外号外：本篇文章主要使用了ES6箭头函数，如果不熟悉的同学建议看一看。嘻嘻 开篇之前先理清下面几个问题 Promise的构造函数参数可以传递什么类型？除了使用Promise构造函数进行链式调用外，Promise还有什么方式进行链式调用吗？ Promise.resolve（）的参数可以传递什么类型的数据？不同类型的数据产生怎样的结果？ Promise的构造函数中调用resolve()/reject()这样做的目的是什么？ Promise的then方法是做什么的？ 如何终止链式调用？（这个场景会在
JavaScript中的Promise使用详解
10-24
JavaScript中的Promise对象是用于处理异步操作的一种机制，它解决了传统的回调函数模式所带来的"回调地狱"问题，使得异步代码的编写更加清晰和易于...学习和掌握Promise的使用对于进行深入的JavaScript开发至关重要。
详细解读JavaScript编程中的Promise使用
10-23
进阶使用中，我们可以看到Q库的实现，它使用了defer对象来管理Promise的状态。Q的defer函数创建了一个包含resolve和then方法的对象。resolve方法用于改变Promise的状态并传递值，then方法则根据Promise的状态决定...
异步JavaScript编程中的Promise使用方法
10-23
对于复杂的异步流程，Promise可以通过`then`和`catch`来串联多个操作，并且可以使用`Promise.all`来并发处理多个Promise，当所有Promise都完成时触发回调： ```javascript Promise.all([promise1, promise2]).then...
JavaScript编程中的Promise使用大全
10-23
主要介绍了JavaScript中的Promise使用详解,promise对象是JS进阶学习中的重要知识点,需要了解的朋友可以参考下
18_Promise使用详解(1)1
08-04
Promise使用详解 Promise 是一个类，可以翻译成承诺、许诺、期约。当我们需要给予调用者一个承诺：待会儿我会给你回调数据时，就可以创建一个 Promise 的对象。在通过 new 创建 Promise 对象时，我们需要传入一个回...
【.NET全栈】ASP.NET开发Web应用——AJAX开发技术
JosieBook
07-18 986
AJAX技术是这几年中出现的较为热闹的技术。大多数的Web开发者都已经关注，或正在使用AJAX。AJAX全称是Asynchironous JavaScript and XML。中文称为异步JavaScript和XML。AJAX本身不能称为一门技术、语言或者软件。它是由多种技术组合，这些技术存在了很多年，现在借助于AJAX组合，称为一种新的开发模式。认识ASP.NET AJAXASP.NET AJAX服务器扩展ASP.NET AJAX服务器端控件扩展。
如何学习Spark：糙快猛的大数据之旅
最新发布
一个7年大数据开发工程师的碎碎念
07-19 3201
回顾我从零开始学习大数据的journey，我深深体会到"糙快猛"学习方法的重要性。在Spark这样复杂而强大的技术面前，我们不应该被完美主义所束缚。相反，我们应该勇于尝试，在实践中学习，在错误中成长。记住，当我们面对看似不可能的挑战时，要保持那份"可把我牛逼坏了，让我叉会腰儿"的自信和决心。每一次你解决了一个棘手的数据问题，优化了一个复杂的查询，或者部署了一个高性能的Spark应用，你都在向着成为大数据专家的目标迈进一步。在这个数据驱动的时代，Spark的学习之旅永无止境。
使用AJAX发起一个异步请求，从【api_endpoint】获取数据，并在成功时更新页面上的【target_element】
xixixixixixixi21的博客
07-18 246
在Web开发中，使用AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）可以实现在不刷新整个页面的情况下，向服务器发送请求并获取数据。// 发送请求xhr.send();在这个例子中，onload事件会在请求完成且成功时触发，然后我们处理返回的数据并更新指定的HTML元素内容。
Web开发：ASP.NET CORE前后端交互之AJAX（含基础Demo）
m0_67412019的博客
07-18 530
List result)//用[FromBody]来接收。①需要写清楚url和type（传输类型），以下url表示。return Content($"成功！的ViewData（或者ViewBag）只可以传输给。（要和前端一一对应好），用JSON传递还需要加上。// 返回示例：假设直接返回成功信息。②只能在同一个控制器+方法名传输，例如。，不能够传递给其余前端界面。①需要声明和强制转换。②后端接收也需要注明。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值