AJAX第二章

64 阅读1分钟

图片上传

  • 图片上传的基本使用步骤
  1. 找到input组件,给组件设置change图片事件
  2. 使用this.files【0】获取图片对象 files是关键字
  3. FormData()内置对象,负责向服务器传递表单数据
  4. 用法 let 变量名 = new FormData()
    变量名.append(key,value)
  5. 调用上传接口axios({url:接口;method:'post';data:formdata})

异步代码和同步代码
同步代码: 逐行执行,需原地等待结果后,才继续向下执行,会阻塞代码继续执行
异步代码: 执行耗时操作时,不阻塞代码继续执行,将来完成后,触发回调函数传递结果

promise 是什么?
promise 是语言底层人员创立的一个处理异步操作的对象 promise对象用于表示一个异步操作的完成状态及其结果值 =>操作显示异步的值

async/await基础
async/await是什么?
async/await是一种用于处理异步操作的promise语法糖
通过使用async关键字声明一个函数为异步函数 以同步代码的方式编写异步代码操作

  • 核心步骤:
  1. async 修饰函数
  2. await 等待成功(Promise 对象)
    .then方法处理成功
    .catch方法处理失败
    .try 方法试验多个数据处理
  • 注意:try-catch可以用来捕获任意的异常,并不仅仅局限于 async 函数