双接口（回调）promise cb

最新推荐文章于 2022-12-08 22:02:37 发布
最新推荐文章于 2022-12-08 22:02:37 发布
阅读量99 收藏
点赞数
文章标签： php
原文链接：http://www.cnblogs.com/freddyhuang/p/9037139.html
版权 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div style="background: red;" id="camera"></div>
        <script src="js/jquery-1.11.0.js"></script>
        <script>
            var camera = document.getElementById('camera');
            var captureVideo = function captureVideo(opts, cb) {
                opts = opts || {};
                
                return new Promise(function (resolve, reject) {
                    $.ajax({
                        type:"get",
                        url:"http://www.jspang.com/DemoApi/newsApi.php",
                        async:true,
                        success:function(ret){
                            resolve(ret);
                            if (typeof cb === 'function') cb(ret, null);
                        },
                        error:function(err){
                            reject(err);
                            if (typeof cb === 'function') cb(null);
                        }
                    });
                });
                
            };
            captureVideo({
            width:231,
            height:123
            },(ret,err) => {//第一次回调
                console.log(12233)
                console.log(ret);
                    //console.log(err);
                }
            ).then((res)=>{//第二次回调
                console.log(5555)
                console.log(res);
            })
        
        </script>
    </body>
</html>

 

转载于:https://www.cnblogs.com/freddyhuang/p/9037139.html

weixin_30632883
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
封装ajax方法：cb回调，promise，async/await
qq_35181466的博客
10-30 431
1.使用回调 function getUrls(url，data,cb) { $.ajax({ url: url, type: "get", data: data, success: function(res) { console.log('cb回调传入方法获取值', res) cb(res) }, }); } getUrls('这里是接口地址','这里是需要
Promise
weixin_44768794的博客
04-12 93
PromisePromise的介绍和基本使用1.1 初识Promise1.2 resolve和rejectPromise的三种状态Promise 另外处理形式Promise链式调用Promise的all方法调用 Promise的介绍和基本使用 1.1 初识Promise Promise是ES6中好用且重要的特性 Promise是异步编程的一种解决方案 异步事件： 当我们在网络请求时会处理异步事件 封装一个网络请求的函数，因为不能立即拿到结果，所以不能直接将结果传递回去 我们往往会传入另一个函数，在数据请求成
JavaScript——promise(一）基础篇
Rice_w的博客
10-07 2532
什么是promise呢？Promise是一个对象，他代表了一个异步操作的最终完成或者失败。本质上Promise是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要一开始把回调函数作为参数传入这个函数了实际上Promise与现实生活中的承诺非常相似。在现实生活中呢，我们通常是这样理解Promise的：承诺（保证）某人会做某事或者某事的发生。也就是要给将来多要发生的事一个承诺，但是谁都不能保证这件事一定会能够按照理想状态发生。
24# Promise
DanielLeefu的博客
09-18 113
Promise 介绍 (一) 基本概念：Promise 是 ES6 中新增的异步编程 解决方案，体现在代码中它是一个对象，可以通 过 Promise 构造函数来实例化。 (二) NewPromise(cb)=>实例的基本使用 Pending Resolved Rejected (三) 两个原型方法： 1. Promise.prototype.then() 2. Promise.prototy...
js中的promise函数（ES6）
看见小狮子没
08-02 332
1、它被设计成一个全局构造函数2 、这个函数创建出来的对象 是一个特殊的数据容器3、这个数据容器内部有三种状态: 等待 ==>产生的正确数据 产生了错误的数据。
使用Promise解决回调地狱
01-08
言简意赅的来讲就是我在回调函数里面调用了回调函数又在调用的回调函数的回调函数里面调用了回调函数……就像下图中的代码一样 说是千层饼有点差不多，说是俄罗斯套娃也不为过，就是一个套一个，这样的话我们以后...
ES6之Promise解决回调地狱
01-20
为了解决回调地狱的问题，ES6引入了Promise，这是一个构造函数，用于创建Promise实例，以更优雅地处理异步操作。Promise有三种状态： 1. **Pending**（进行中）：异步任务正在执行。 2. **Fulfilled**（已完成）：...
node使用promise替代回调函数
08-27
1. then() 总是返回一个新的 Promise，每次你调用它，它不管回调做什么，因为 .then() 在回调被调用之前已经给了你一个承诺 promise，回调的行为只影响承诺 promise 的实施，如果回调返回一个值，那么 promise 将...
JS动画实现回调地狱promise的实例代码详解
10-17
总结来说，JavaScript中的动画实现可以基于`setTimeout`和回调函数，但当需要管理复杂的异步流程时，`Promise`提供了一种更优雅的解决方案，有助于避免回调地狱。通过将动画序列化为一系列独立的`Promise`，我们不仅...
回调地狱和Promise使用（详解）
01-08
为了解决回调地狱问题，Promise被引入JavaScript中。Promise代表一个异步操作的最终完成或失败，以及它的结果。它提供了链式调用的能力，使得异步代码更加清晰和可读： ```javascript const fs = require('fs')....
Promise 对象方法总结
Menqq的博客
12-18 269
ECMAscript 6 原生提供了 Promise 对象。 Promise Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息，是一套异步操作处理机制。 Promise对象解决回调地狱层层嵌套的问题。 通过then方法分别制定resolved状态和rejected状态的回调函数。 一、Promise特点 可以在一系列异步操作中，灵活地处理错误,避免了层层嵌套的回调函数。 Promise 也有一些缺点。首先，无法取消 Promise，一旦新建它就会立即执行，无法中途取消。其次，如果不
javascript promise的使用
Littlegirlha的博客
12-08 203
promise
Promise详解
风萧萧兮易水寒
09-23 1405
背景 最早的时候我们处理一个异步网络请求，大概就是 $.ajax({ url:'./a', success:function(data,status){ //alert(data); }, }) 但是往往实际的业务需求是要根据前一个网络请求的结果，执行后续N多个的网络请求，代码就会变成 $.ajax({ url:'./a', success:fun...
js中Promise的基本概念和方法
qq_54357054的博客
03-28 3960
一：概念： 1、创建promise: new Promise (executor); executor是同步执行的函数 new Promise(function (resolve, reject) { console.log('I promise') }) console.log('after') // log: I promise after 二：特点： 1、Promise的状态：1)->pedding(进行中)， fufilled （ resolve（..
30分钟，让你彻底明白Promise原理
weixin_34174105的博客
05-19 856
原文链接 前言 前一阵子记录了promise的一些常规用法，这篇文章再深入一个层次，来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了解，可以移步我的上一篇博文。 本文的promise源码是按照Promise/A+规范来编写的（不想看英文版的移步Promis...
ES6(四)：Promise之回调与promise，信任问题，错误处理，状态
baidu_38730364的博客
09-16 1614
Promise对象用于表示一个异步操作的最终状态（完成或失败）以及其返回的值。 Promise对象中放的是未来要做的事情，当它被实例化之后就会开始做未来要做的事情，如果成功了做成功的事，失败了就执行失败相应的事情。 同步与异步： 同步任务会阻塞程序执行（alert、for、......) 异步任务不会阻塞程序执行（setTimeout、fs.readFile、......) 一.回调与Promise 1.传统的回调方法 用于请求数据（模拟） 传统的回调方式在解决异步时，会遇到多层回调嵌套的问题。 f
Promise的基本用法以及作用
码上行动
07-06 1794
这里写目录标题1- 初识Promise2- 回调地狱的引发3- Promise （承诺）的用法4- async 异步5- await6- 使用 async 解决回调地狱问题 1- 初识Promise promise是一个 es6 的语法 在介绍promise前，先来了解一下什么是回调函数 callback 把一个函数当作参数传递到另一个函数里面,在另一个函数里面 通过参数的形式来调用 function a() {} //函数a function b(cb) { // cb 形参接受的是
11、异步操作之Promise—ES6学习笔记
xyphf的博客
09-10 388
Promise基本概念 - promise：是ES6中新增的异步编程解决方案，体现在代码中它是一个对象，可以通过 Promise构造函数来实例化。 new Promise(cb) ===>实例的基本使用 Pending Resolved Rejected两个原型方法Promise.prototype.then() Promise.prototype.catch()两个常用的静态方法Promise
Promise 的各种方法的详细使用
hsany330的专栏
04-03 1553
Prepending(进行时)，Resolve(成功了)，Reject(失败了)，then......等 1.Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的...
promise回调地狱
最新发布
07-17
Promise回调地狱是指在使用Promise进行异步操作时，如果嵌套过多的回调函数，代码会变得难以维护和理解。这种情况发生的原因是每次进行异步操作时都需要使用.then()方法来处理结果，导致代码缩进过深，使得代码变得...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值