使用Promise模拟吧, 需要的话可以配合localStorage做本地的数据持久化,这样刷新页面也不会丢失数据。

一个简单的例子:

const CLASS_LIST = [

{

id: '1',

title: '1班',

ceiiling: 100,

open: true,

autoNotify: true,

autoPush: false,

masterList: [{ id: 1, perm: 1}],

masterRatio: '',

teacherRatio: '99'

},

{

id: '2',

title: '2班',

ceiiling: 100,

open: true,

autoNotify: true,

autoPush: false,

masterList: [],

masterRatio: '',

teacherRatio: '99'

}

]

export function getClassList () {

return new Promise((resolve, reject) => {

resolve(CLASS_LIST.map(item => ({ id: item.id, title: item.title })))

})

}

export function addClass (title) {

let id = 0

for (let item of CLASS_LIST) {

if (+item.id >= id) id = String(1 + (+item.id))

}

let classItem = {

id,

title,

ceiiling: 100,

open: true,

autoNotify: true,

autoPush: false,

masterList: []

}

CLASS_LIST.push(classItem)

return new Promise((resolve, reject) => {

resolve(classItem.id)

})

}

模拟后台数据,ajax请求,有什么方法可以模拟ajax请求?相关推荐

  1. vue-cli模拟后台数据交互

    作为一个前端入坑的妹子,在学习vue的道路上挣扎徘徊,由一开始的对vue一直蒙圈只知道双向数据绑定和一些'V-x'的指令,慢慢通过一个视频的学习渐渐入坑,对于我这个js基础不怎么好而且编程思维又不是很 ...

  2. 数据可视化 数据可视化看板项目一:(1)模拟实时数据 -使用MYSQL的事件建立动态模拟数据,每秒更新一次 (1)

    需求: 市场人员进行数据可视化产品销售公关时,一定会遇到一个问题,就是客户要求进行展示. 但是我们不可能透露其它客户目前的真实实时更新的数据. 那么这里就要求,创建模拟的秒级别的数据. 方法: 1.使 ...

  3. ajax获取后台数据的几种方式及如何获取ajax内部的数据供外部使用

    文章目录 1 ajax获取后台数据的几种方式 1.1 原生js的ajax方式 1.1.1 get 1.1.2 post 1.2 jQuery封装的ajax方式 1.2.1 $.ajax 1.2.2 $ ...

  4. vue --- configureWebpack模拟后台数据

    初识 使用vue/cli搭建的项目可以在vue.config.js中,模拟一个后台(express写法) vue.config.js configureWebpack: {devServer: {// ...

  5. vue项目模拟后台数据

    这次我们来模拟一些后台数据,然后去请求它并且将其渲染到界面上.关于项目的搭建鄙人斗胆向大家推荐我的一篇随笔<Vue开发环境搭建及热更新> 一.数据建立 我这里为了演示这个过程所以自己编写了 ...

  6. vue 饿了么模拟后台数据

    1创建好项目后 先模拟一下提供的json文件数据,为后面的工作做准备.首先把data.json放到与package.json平级目录下 (这是我的目录结构) 2.查看data.json数据结构  分为 ...

  7. vue + webpack 模拟后台数据

    一.在webpack-dev-conf.js文件中: 1.在const portfinder = require('portfinder')后添加如下内容 const express = requir ...

  8. 学习vue饿了吗之模拟后台数据

    1.建立data.json,放置目录如下 2.安装vue-resource npm install vue-resource --save 在main.js中配置 import VueResource ...

  9. android 读后台数据,Android 模拟后台数据返回 ,便与测试

    环境基于 PhpStudy8 搭建: index.php 源码: header('Content-type:text/html;charset=utf-8'); //渠道分类接口 $JsonFile1 ...

最新文章

  1. boost::log::sinks::text_ipc_message_queue_backend用法的测试程序
  2. LeetCode——树:BST
  3. PHP设计模式--数据访问对象模式
  4. java: 程序包lombok不存在_Java开发神器:Lombok 学习指南
  5. 潭州课堂25班:Ph201805201 django 项目 第三十九课 后台 文章发布,图片上传到 FastDFS后端实现 七牛云讲解(课堂笔记)...
  6. LeetCode第一题两数之和---JavaScript
  7. 修复linux bash破壳漏洞,Linux系统下如何检测并修复bash中的破壳漏洞​​
  8. 递归算法经典实例python-递归案例python
  9. day14ARP协议、路由原理、ARP实验、ARP防御、2003虚拟机如何关闭定时锁屏
  10. MySQL数据库备份与恢复
  11. 智鼎在线测评是测什么_为什么求职者会反感企业招聘用的人才测评?
  12. docker部署consol 集群
  13. 功能强大,颜值在线的个人笔记应用 - Notion
  14. python程序设计中、文件有哪两种展现形态_智慧职教APPPython程序设计(常州工业职业技术学院)作业期末考试答案...
  15. appinventor跑酷游戏_基于APPInventor的一款益智游戏的设计与实现
  16. 北邮计算机学院acm,计算机学院学生在2018年ACM-ICPC中国大学生程序设计竞赛中喜获佳绩...
  17. 简单两步,将Windows11右键菜单修改为Windows10风格
  18. 睿智融科冲刺A股上市:营收规模翻倍增长,期间费用普遍高于同行
  19. 华硕笔记本 触摸板开关控制
  20. paste deploy 解说和使用

热门文章

  1. java web项目里ehcache.xml的参数说明
  2. python pos函数_使用python+sklearn实现特征提取
  3. 使用TimeQuest时序分析器
  4. Linux设备驱动之I/O端口与I/O内存
  5. Activity之间的通信方式
  6. 烂泥:为KVM虚拟机添加网卡
  7. Vue_VueResource
  8. 页面设计四大基本原则
  9. AndroidWidget实践 --- EverydayTips开发(6)
  10. android 网络通信框架volly