当前位置: 首页 > news >正文

ES6新增promise(异步编程新解决方案)如何封装ajax?

1.什么是异步?


异步是指从程序在运行过程中可以先执行其他操作。


2.什么是promise?


Promise 是 ES6 引入的异步编程的新解决方案。语法上 Promise 是一个构造函数,用来封装异步 操作并可以获取其成功或失败的结果;

3.promise成功和失败的参数如何接收


1. Promise 构造函数: Promise (excutor) {};
2. Promise.prototype.then 方法;接收成功参数(then)
3. Promise.prototype.catch 方法;接收失败参数(catch)

4.Promise 封装 Ajax 请求:


使用原生进ajax封装:

// 请求地址:https://api.apiopen.top/getJoke const p = new Promise(function(resolve, reason) {// 原生请求 // 1、创建对象 const xhr = new XMLHttpRequest();// 2、初始化 xhr.open("GET", "https://api.apiopen.top/getJoke");// 3、发送 xhr.send(); // 4、绑定事件,处理响应结果 xhr.onreadystatechange = function() {// 判断状态 if (xhr.readyState == 4) {// 判断响应状态码 200-299 if (xhr.status >= 200 && xhr.status <= 299) {// 成功 resolve(xhr.response);} else {// 失败 reason(xhr.status);}}}});
p.then(function (value) { console.log(value.toString()); }, function (reason) { console.log(reason); // 读取失败 }) 

使用jQuery进行封装:

const p = new promise(function(resolve, reject) {$.ajax({type: ,url: ,datatype: ,async: ,headers: {},data: {},success: (res) => resolve(res),error: (err) => reject(err)})})

http://www.lryc.cn/news/463942.html

相关文章:

  • Kubernetes--深入理解Service与CoreDNS
  • AI大模型:开启智能革命新纪元
  • 快速上手C语言【下】(非常详细!!!)
  • 红黑树的理解与实现(详解)
  • 从一到无穷大 #37 Databricks Photon:打响 Spark Native Engine 第一枪
  • Java 字符串占位格式化
  • 基于netty实现简易版rpc服务-理论分析
  • Elasticsearch高级搜索技术-全文搜索
  • 案例分享—国外优秀UI卡片设计作品赏析
  • Go语言基础学习(Go安装配置、基础语法)
  • STM32—FLASH闪存
  • AP上线的那些事儿(1)capwap建立过程、设备初始化以及二层上线
  • 10 django管理系统 - 管理员管理 - 新建管理员(通过模态框和ajax实现)
  • Mysql中表字段VARCHAR(N)类型及长度的解释
  • git提交信息写错处理方式
  • C#从零开始学习(用unity探索C#)(unity Lab1)
  • 【SpringBoot】15 Echarts+Thymeleaf 绘制各种图表
  • 网络学习笔记
  • [论文笔记]HERMES 3 TECHNICAL REPORT
  • MySQL-19.多表设计-一对多-外键
  • MySQL程序介绍<一>
  • Leetcode 第 419 场周赛题解
  • 那些年 我们说走就走
  • MySQL初识
  • 基于Java微信小程序的的儿童阅读系统的详细设计和实现(源码+lw+部署文档+讲解等)
  • 利用 OBS 推送 WEBRTC 流到 smart rtmpd
  • 【python】极简教程3-函数
  • Python案例小练习——小计算器
  • 仓储数字化蓝图
  • 【数字图像处理】第5章 图像空域增强方法