首页 / VUE / Vue 前后端交互

Vue 前后端交互

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vue 前后端交互，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1091字，纯文字阅读大概需要2分钟。

内容图文

异步调用

  • 异步效果 : 事件函数 Ajax 定时任务
  • 多次异步调用依赖
    • 多次调用异步, 结果顺序不确定, 如果需要固定顺序, 必须使用嵌套

Promise 概述

Promise 是异步编程的一种解决方案 , 从语法上讲 Promise 是一个对象 , 从它可以获取到异步操作的消息;

  • 可以避免多层异步调用嵌套问题
  • Promise 对象提供了简洁的 api 可以轻松控制异步操作
        // resolve 正确的回调 reject 错误的回调
var p = new Promise(function (resolve, reject) {
  var flag = true
  setTimeout(function () {
    if (flag) {
      resolve(‘success...‘)
    } else {
      reject(‘error...‘)
    }
  }, 2000)
})
// then 方法接收 resolve 和 reject 的返回
p.then(function (res) {
  console.log(res)
}, function (err) {
  console.log(err)
})

Promise 封装原生 Ajax

        query(url) {
  return new Promise(function (resolve, reject) {
    var xhr = new XMLHttpRequest()
    xhr.onload = function () {
      if (xhr.status === 200) {
        resolve(xhr.responseText)
      } else {
        reject(‘error...‘)
      }
    }
    xhr.open(‘get‘, url)
    xhr.send(null)
  })
}
// 多重接口调用
query(‘http://localhost:3000/data‘)
  .then(function(res) {
    console.log(res)
    return query(‘http://localhost:3000/data1‘)
  })
  .then(function (res) {
    console.log(res)
    return query(‘http://localhost:3000/data2‘)
  })
  .then(function (res) {
    console.log(res)
  })

原文：https://www.cnblogs.com/article-record/p/12885917.html

内容总结

以上是互联网集市为您收集整理的Vue 前后端交互全部内容，希望文章能够帮你解决Vue 前后端交互所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1268543.html

来源：【匿名】