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

这个方法只适用于简单的html页面

第一步：创建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="js/MockJson.js"></script> //这是存放的json 数据的文件

//在ajax中使用
$(document).ready(function(){
$.ajax({
url:"nav",
type:"post",
async:true,
dataType:'json',
success:function(data){
let varData = data.data;
console.log(varData)
},
})
})

• 点赞
• 收藏
• 分享
• 文章举报