模拟后台数据,ajax请求,有什么方法可以模拟ajax请求?
使用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请求?相关推荐
- vue-cli模拟后台数据交互
作为一个前端入坑的妹子,在学习vue的道路上挣扎徘徊,由一开始的对vue一直蒙圈只知道双向数据绑定和一些'V-x'的指令,慢慢通过一个视频的学习渐渐入坑,对于我这个js基础不怎么好而且编程思维又不是很 ...
- 数据可视化 数据可视化看板项目一:(1)模拟实时数据 -使用MYSQL的事件建立动态模拟数据,每秒更新一次 (1)
需求: 市场人员进行数据可视化产品销售公关时,一定会遇到一个问题,就是客户要求进行展示. 但是我们不可能透露其它客户目前的真实实时更新的数据. 那么这里就要求,创建模拟的秒级别的数据. 方法: 1.使 ...
- 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 $ ...
- vue --- configureWebpack模拟后台数据
初识 使用vue/cli搭建的项目可以在vue.config.js中,模拟一个后台(express写法) vue.config.js configureWebpack: {devServer: {// ...
- vue项目模拟后台数据
这次我们来模拟一些后台数据,然后去请求它并且将其渲染到界面上.关于项目的搭建鄙人斗胆向大家推荐我的一篇随笔<Vue开发环境搭建及热更新> 一.数据建立 我这里为了演示这个过程所以自己编写了 ...
- vue 饿了么模拟后台数据
1创建好项目后 先模拟一下提供的json文件数据,为后面的工作做准备.首先把data.json放到与package.json平级目录下 (这是我的目录结构) 2.查看data.json数据结构 分为 ...
- vue + webpack 模拟后台数据
一.在webpack-dev-conf.js文件中: 1.在const portfinder = require('portfinder')后添加如下内容 const express = requir ...
- 学习vue饿了吗之模拟后台数据
1.建立data.json,放置目录如下 2.安装vue-resource npm install vue-resource --save 在main.js中配置 import VueResource ...
- android 读后台数据,Android 模拟后台数据返回 ,便与测试
环境基于 PhpStudy8 搭建: index.php 源码: header('Content-type:text/html;charset=utf-8'); //渠道分类接口 $JsonFile1 ...
最新文章
- boost::log::sinks::text_ipc_message_queue_backend用法的测试程序
- LeetCode——树:BST
- PHP设计模式--数据访问对象模式
- java: 程序包lombok不存在_Java开发神器:Lombok 学习指南
- 潭州课堂25班:Ph201805201 django 项目 第三十九课 后台 文章发布,图片上传到 FastDFS后端实现 七牛云讲解(课堂笔记)...
- LeetCode第一题两数之和---JavaScript
- 修复linux bash破壳漏洞,Linux系统下如何检测并修复bash中的破壳漏洞​​
- 递归算法经典实例python-递归案例python
- day14ARP协议、路由原理、ARP实验、ARP防御、2003虚拟机如何关闭定时锁屏
- MySQL数据库备份与恢复
- 智鼎在线测评是测什么_为什么求职者会反感企业招聘用的人才测评?
- docker部署consol 集群
- 功能强大,颜值在线的个人笔记应用 - Notion
- python程序设计中、文件有哪两种展现形态_智慧职教APPPython程序设计(常州工业职业技术学院)作业期末考试答案...
- appinventor跑酷游戏_基于APPInventor的一款益智游戏的设计与实现
- 北邮计算机学院acm,计算机学院学生在2018年ACM-ICPC中国大学生程序设计竞赛中喜获佳绩...
- 简单两步,将Windows11右键菜单修改为Windows10风格
- 睿智融科冲刺A股上市:营收规模翻倍增长,期间费用普遍高于同行
- 华硕笔记本 触摸板开关控制
- paste deploy 解说和使用