如何使用mock.js模拟json数据并在简单的html页面使用

置顶

qq_41181141

于 2019-11-17 21:44:52 发布

阅读量1.3k

点赞数

文章标签： mock.js ajax 调用 mock.js mock.js的使用 mock.js在html中的使用

本文链接：https://blog.youkuaiyun.com/qq_41181141/article/details/103113873

版权

本文介绍了一种适用于简单HTML页面的方法，通过创建MockJson.js文件存储JSON数据，然后在HTML中引入mock.js来实现数据的模拟和使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步：创建MockJson.js文件，在文件中存放json数据。

Mock.mock(
	'nav',
	{
	"data":[{"special":"专题","design":"设计,设计欣赏,好站推荐","course":"教程,网页制作,编程开发,图像处理","consult":"咨	询","homePage":"首页"}]
})

其中 nav是json的名字,紧跟其后的大花括号存放json数据。
第二步：使用
再html文件中导入mock.js mock.js下载右键另存为保存在本地

 <script src="js/mock.js"></script> //这是mock.js
 <script src