前后端交互——Promise基础用法

1.1接口调用方式

• fetch
• axios

1.2URL 地址格式
1.传统格式

schema://host:port/path?qury#fragment

• schema:协议，例如http，https

• host：域名或者IP地址

• port：端口，http默认端口80，可以省略

• path：路径，例如、abc/a/b/c

• query：查询参数，例如uname=lisi&age=12

• fragment：锚点（哈希Hash），用于定位页面某个位置
  （1，2必须其余可以省略）
  2.Restful形式

• HTTP请求方式

GET          //查询
POST         //添加
PUT          //修改
DELETE       //删除

2.1 Promis 概述
Promise 是异步编程的一种解决方案，promise是一个对象，从她可以获取异步操作的消息

2.2 Promise 基本用法

• 实例化Promise对象，构造函数中传递函数，该函数中处理异步任务
• resolve和reject两个参数用于处理成功和失败的两种情况，并通过p.then获取处理结果

<script type="text/javascript">
        var p = new Promise(function(resolve, reject) {
            // 这里用来实现异步操作
            setTimeout(function() {
                var flag = true;
                if (flag) {
                    resolve('hello');
                } else {
                    reject('出错了')
                }
            }, 100)
        });
        p.then(function(data) {
            // 接收到正确信息
            console.log(data)
        }, function(info) {
            //对应接收到错误信息
            console.log(info)
        })
    </script>

flag为true时结果

flag为flase时结果