Promise实现ajax简单应用

Promise是异步编程的一种解决方案。

  比传统的解决方案——————回调函数和事件,Promise更合理和更强大。

在ES6规范中,Promise是提供的一个构造函数,可以new Promise()对象

Promise对象代表一个异步操作,

Promise有三种状态:

pending(进行中)

fulfilled(已成功)

rejected(已失败)

Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolvereject。它们是两个函数,由 JavaScript 引擎提供,不用自己部署。

const test = new Promise(function(resolve,reject){
    if(1){
        resolve('改变状态')   //resolve改变状态为fulfilled
    }
})

test.then((result)=>{
    console.log(result);    //改变状态
})

resolve函数的作用是,将Promise对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;reject函数的作用是,将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

下面写一个Promise实现一个Ajax请求

const getJSON = (url)=>{
    return new Promise((resolve,reject)=>{
        const handleAjax = ()=>{    //定义状态改变回调函数
            if(this.readyState==4 && this.status==200){
                resolve(this.responseText);
            }else{
                reject(new error(this.statusText))
            }
        }
        const XML = new XMLHttpReauest();
        XML.open('GET',url);
        XML.onreadystatechange = handelAjax ;
        XML.setRequestHeader("Accept", "application/json");
        XML.send(null);
    })
}


getJSON('/login.json').then((json)=>{
    console.log(json)
},(error)=>{
    console.error(error);
})

                                                                                                                                remenber——my deer Miss.fong

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值