本地json数据的模拟

最新推荐文章于 2022-11-09 16:07:25 发布
最新推荐文章于 2022-11-09 16:07:25 发布
阅读量678 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43309143/article/details/104686182
版权 
<!DOCTYPE html>
<html lang="en"><head>  
<meta charset="UTF-8"> 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">  
 <meta http-equiv="X-UA-Compatible" content="ie=edge">  
 <title>Document</title> 
  <!-- 引入的目录结构按照 dist 文件夹下的目录结构引入 --> 
   <link rel="stylesheet" href="../sass/index.css">
   </head>
   <body>  
   <h1>首页</h1>
  <div>123</div>
  <script src="../lib/jquery/dist/jquery.min.js"></script>  
  <script>    
  // 2. 人家没有的数据    
  //    我们可以自己模拟一个    
  //    我决定号写这个网站了， 好多内容我都写完了   
   //    只是有一部分数据没有写， 因为没有， 这个时候换一个网站不合适   
    //    我们就自己模拟一个数据    
    //    你可以写成 一个数组直接放在这里
    // var arr = [    
    //   {    
    //     name: 'A',    
    //     id: 1,    
    //     info: '我是一个信息'    
    //   },    
    //   {   
     //     name: 'B',    
     //     id: 2,   
      //     info: '我是一个信息'    
      //   }    
      // ]
    // arr.forEach() 
   // 渲染页面

  //    **我们也可以写一个本地的 json 文件**   
  //    自己去请求本地的 json 文件   
   // 直接使用 ajax 请求本地的 json 文件    
 // $.ajax({    
  //   url: '../lib/test.json',    
   //   dataType: 'json',    
  //   success: function (res) {   
  //     console.log(res)   
  //   }   
  // })
  </script></body></html>
angle小菠萝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解vue 模拟后台数据（加载本地json文件）调试
01-21
本文介绍了vue 模拟后台数据（加载本地json文件）调试，分享给大家，也给自己留个笔记 首先创建一个本地json文件，放在项目中如下 { runRedLight:{ CurrentPage: 1, TotalPages: 0, TotalItems: 0, ItemsPerPage: 100, Items:[ {DEVICEID:121212,DEVICETYPE:1,DEVICETIME:2016-10-10,CREATEDTIME: 2016-10-11}, {DEVICEID:124412
本地模拟数据请求
weixin_30421809的博客
12-07 237
1.开启“Web共享”启用Apache服务 开启apache命令：sudo apachectl start 关闭apache命令：sudo apachectl stop 重启apache命令：sudo apachectl restart 浏览器中输入“http://localhost”. 就可以看到出现一个内容为“It works!”的页面，表示已经可以了...
本地模拟数据（cookie、localStorage）
DcTbnk的博客
04-30 507
<script> 浏览器本地存储数据,有2种方式 1,cookie 前端程序,后端程序,都可以设定 读取时,有作用域,不能跨域读取 默认实现是会话时效 存储内容较小,一般是 400K 左右,每个浏览器不同 存储的数据格式是 键值对的字符串 2,localStorage ...
小程序模拟调用本地json接口数据
前端视听
06-29 498
把准备好的json数据渲染到前端界面，模拟在这里加载本地json数据。效果如下，能看到界面渲染的数据。 1：新建一个data文件夹，在文件夹底下新建一个js文件，写好准备的json格式的数据：并且定义数据出口 module.exports = { dataList: json } json: // 本地模拟json数据 var json = [{ "id": 1 }, { "id": 2 }, { "id": 3 }, { "id": 4 } ] // 定义数据出口 modul
对Json数据的处理（模拟获取数据是来自于本地）
LGGisKing的专栏
06-04 835
先上图: 首先定义了Json数据: { "persons": [   { "id": "1", "status":"大徙弟", "name": "孙悟空", "tool": "金箍棒", "number": "杀死了50只妖怪" },   { "id": "2", "status":"二徙弟", "name": "猪八戒", "tool": "九齿钉耙", "num
mockjs本地数据模拟（不用网络）
weixin_66496801的博客
08-25 412
mockjs 本地数据
本地模拟数据 jQuery的深浅拷贝 jQuery的多库并存 jQuery的 ajax 全局钩子函数 闭包 重新了解函数 闭包的简单应用 闭包的特点
Allen的博客
10-08 95
本地模拟数据 <script> // 浏览器本地存储数据,有2种方式 // 1,cookie // 前端程序,后端程序,都可以设定 // 读取时,有作用域,不能跨域读取 // 默认实现是会话时效 // 存储内容较小,一般是 400K 左右,每个浏览器不同 // 存储的数据格式是 键值对的字符串 // 2,localStorage // 只能是前端程序设定,后端语言无法操作 //
本地json模拟请求
smallico的博客
10-28 391
新建data-api.js文件 data-api.js export let http = { get: function(url, config = {}) { return loadData(url); }, post: function(url, data, config = {}) { return loadData(url); } }; async fun...
学习javascript jQuery Ajax读取本地json文件
起飞的木木的博客
09-27 435
jQuery ajax读取本地json文件 jQuery ajax读取本地json文件 json文件 { "first":[ {"name":"张三","sex":"男"}, {"name":"李四","sex":"男"}, {"name":"王武","sex":"男"}, {"name":"李梅","sex":"女"} ] } js 方法一: $.ajax({ url: "ceshi.jso.
vue使用json-server 模拟数据
qq_45387575的博客
11-09 1582
在package.json文件中，scripts中配置一个mock，该端口号作为访问虚拟数据的端口号。该端口作为脚手架的端口号。
vue项目用json模拟数据
L_AMiao的博客
10-18 1051
基于node和express 1，先写一个json文件，例如data.json {  seller:[ ....... ],  goods: [ ...... ] } 2，自dev-server里写 var appData=require('../data.json');  //引入json文件 var seller=appData.seller;   //取到json文件...
json-server本地模拟数据工具的使用
水痕
11-01 1709
现在前后端分离试开发,前端请求后端数据接口,但是有时候后端的接口还没写好,一般我们想到的方法是利用mockjs或者搭建一个前端服务器来返回数据,现在介绍一个插件json-server可以模拟本地数据1、安装npm install json-server -g 2、创建一个本地数据data.json{ "pagelist":[ { "registerNu
本地模拟请求json数据
weixin_44862325的博客
03-03 1368
1.新建一个json的文件 用来写json数据 json数据格式如下： [ { "name": "A", "id": 1, "info": "我是一个信息" }, { "name": "B", "id": 2, "info": "我是一个信息" } ] 2.发送请求 (请求本地的json数据) $.ajax({ ur...
小程序模拟请求本地json数据文章合集
weixin_30670151的博客
09-27 453
https://blog.csdn.net/onil_chen/article/details/76850155https://blog.csdn.net/lsy__lsy/article/details/80417560 第二章第四节小程序http请求与请求本地json文件 - CSDN博客... 零基础学小程序008---小程序列表实现+本地json数据解...
axios调取本地mock模拟数据详细讲解
热门推荐
pullgo的博客
01-13 1万+
需要与后台进行数据交互  这里使用本地json数据来模仿后台数据交互流程 我们使用了mock数据（模拟后台数据）作为前端经常需要模拟后台数据，我们称之为mock。mock 的真正意义在于简化测试环境。假如你现在要测试一个dao，但是你有不想构建数据库环境就可以用mock模拟数据库的返回结果。进入正题：一，在vuejs 2.0版本 在配置文件webpack.dev.conf.js进行本地数据访问，在...
JSON语法规则
weixin_43739375的博客
03-08 2505
JSON语法规则 Json JSON 语法规则 在 JS 语言中，一切都是对象。因此，任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型： 对象表示为键值对 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 键/值对 JSON 键值对是用来保存 JS 对象的一种方式，和 JS 对象的写法也大同小异，键/值对组合中的键名写在前...
使用json-server模拟后台数据
luodao_的博客
01-07 3211
首先在电脑中需要安装nodejs，然后全局安装json server. npm install json-server -g 使用linux和macos的电脑需要加上sudo sudo npm install json-server -g 安装完成后可以用json-server -h命令检查是否安装成功，成功后会出现 json-server [options] 选项：
使用 json-server 模拟mock数据 json-server使用详解
蒲公英芽的博客
03-11 4380
json-server 是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源，简单来讲就是可以用来模拟接口数据。 安装 使用npm全局安装 npm install -g json-server 使用yarn全局安装 yarn global add json-server 使用 在本地准备一个 json 文件，用来存放接口数据。 data.jso...
vue2 纯前端修改本地json文件数据
最新发布
07-22
在纯前端环境下，Vue 2 是无法直接修改本地 JSON 文件的，因为浏览器的安全机制限制了对本地文件系统的访问和修改。但是，你可以通过以下几种方式来模拟修改本地 JSON 文件的效果： 1. 使用浏览器的本地存储（localStorage 或 sessionStorage）：将 JSON 文件的内容读取到变量中，然后在前端修改该变量，并将修改后的内容保存到本地存储中。这样，在下次加载页面时，你可以从本地存储中读取数据并更新页面。 2. 使用浏览器的 IndexedDB：IndexedDB 是一个浏览器内置的数据库，可以在客户端存储大量结构化数据。你可以将 JSON 数据存储到 IndexedDB 中，然后在前端修改数据，并将修改后的数据保存回 IndexedDB 中。 3. 使用浏览器的 File API：File API 允许你通过文件选择器选择本地 JSON 文件，并将其读取到内存中。然后，在前端修改数据，并将修改后的数据导出为新的 JSON 文件供下载或保存到服务器。 请注意，以上方法都是在前端模拟修改本地 JSON 文件的效果，并不是直接对 JSON 文件进行实际的修改。如果需要真正修改本地 JSON 文件，你可能需要在后端（例如使用 Node.js）实现相应的接口来处理文件读取和更新操作。 希望对你有所帮助！如有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值