The promise object is a solution proposed in es6 to solve asynchronous callbacks. As a newbie, I have just figured out this thing recently. I am writing this article, hoping to get some advice from experts. At the same time, I also think it will be helpful to novice friends who don’t understand promises.
No more nonsense, I won’t say much about introducing promises. If you don’t understand, you can search it yourself. This article only writes a simple example of promise. I believe I have seen some promises. I am a friend, but I am quite afraid of him (because when I didn’t understand this thing before, I thought it was very high-end). After seeing the examples, I can have a new understanding of him. Next, I directly attach a simple ajax request I wrote:
function get(url) { return new Promise((resolve, reject) => { var ajax = new XMLHttpRequest(); ajax.open('GET', url); ajax.onreadystatechange = function() { if (ajax.readyState == 4) { if(ajax.status == 200){ resolve(ajax); }else{ alert(2); reject(); } } } ajax.send(); }); } document.getElementById('btn').onclick = function() { get('b.json').then(function(res) { console.log(res.responseText); document.getElementById('p1').innerHTML = res.responseText; }); }
Because it introduces es6 objects, this article uses some es6 syntax. If any students don’t understand it, you can do it by yourself Baidu, the promise object receives two parameters, resolve and reject. My personal understanding is success and failure (if my understanding is wrong, I hope someone can correct me, after all, I just learned it). I don’t know many steps of ajax. Having said that, we return the promise object directly in the get function, connect our ajax method to this promise object, and finally the ajax request is successful. At this time, resolve comes in handy, resolve(ajax); and then it is over. If it is unsuccessful, just reject() directly (equivalent to request failure).
Finally, this simple case of promise is completed. You can test it in your own environment
The above is the detailed content of Simple usage of promise objects. For more information, please follow other related articles on the PHP Chinese website!

Vue是一款流行的前端框架,在开发应用时经常会遇到各种各样的错误和问题。其中,Uncaught(inpromise)TypeError是常见的一种错误类型。在本篇文章中,我们将探讨它的产生原因和解决方法。什么是Uncaught(inpromise)TypeError?Uncaught(inpromise)TypeError错误通常出现在

在日常生活中,我们常常会遇到承诺与兑现之间的问题。无论是在个人关系中,还是在商业交易中,承诺的兑现都是建立信任的关键。然而,承诺的利与弊也常常会引起争议。本文将探讨承诺的利与弊,并给出一些建议,如何做到言出必行。承诺的利是显而易见的。首先,承诺可以建立信任。当一个人信守承诺时,他会让别人相信自己是一个可信赖的人。信任是人与人之间建立起的纽带,它可以让人们更加

Promise.resolve()详解,需要具体代码示例Promise是JavaScript中一种用于处理异步操作的机制。在实际开发中,经常需要处理一些需要按顺序执行的异步任务,而Promise.resolve()方法就是用来返回一个已经Fulfilled状态的Promise对象。Promise.resolve()是Promise类的一个静态方法,它接受一个

利用Promise对象,把普通函数改成返回Promise的形式,解决回调地狱的问题。明白Promise的成功失败调用逻辑,可以灵活的进行调整。理解核心知识,先用起来,慢慢整合吸收知识。

promise对象状态有:1、pending:初始状态,既不是成功,也不是失败状态;2、fulfilled:意味着操作成功完成;3、rejected:意味着操作失败。一个Promise对象一旦完成,就会从pending状态变为fulfilled或rejected状态,且不能再改变。Promise对象在JavaScript中被广泛使用,以处理如AJAX请求、定时操作等异步操作。

前端开发利器:Promise在解决异步问题中的作用与优势引言:在前端开发中,我们经常会遇到异步编程的问题。当我们需要同时执行多个异步操作或处理多个异步回调时,代码往往会变得复杂、难以维护。为了解决这样的问题,Promise应运而生。Promise是一种用于处理异步操作的编程模式,它提供了一种将异步操作以同步方式进行处理的能力,使得代码更加简洁和可读。本文将介

前端js学习中,让大家最难受的就是异步的问题,解决异步、回调地狱等问题时你必须得学会promise,对于多数前端程序员来说promise简直就是噩梦,本篇文章就是从通俗易懂的角度做为切入点,帮助大家轻松掌握promise


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function

Dreamweaver Mac version
Visual web development tools

Notepad++7.3.1
Easy-to-use and free code editor

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft
