0
点赞
收藏
分享

微信扫一扫

Jquery + Mock.js


首先引用

<!-- 加载 Mock -->
<script src="http://mockjs.com/dist/mock.js"></script>

配置模拟数据:

$(function(){
Mock.mock('http://g.cn',{
"news|6": [
{
"ctitle": "@ctitle"
} ,
]
});
var newsList = $('#news_list');
$.ajax({
url: "http://g.cn",
dataType: "json"
}).done(function(data, status, xhr){
// console.log(JSON.stringify(data, null, 4));
for(let i = 0; i < data.news.length; i++){
var news = data.news[i];
newsList.append(`
<li class='list-group-item'> <a href=''>
<h4> ${news.ctitle} </h4>
</a>
</li>`);
}
});
});

返回的数据:

{
"news": [
{
"ctitle": "代程这领"
},
{
"ctitle": "青算共下管光"
},
{
"ctitle": "容回件月说出"
},
{
"ctitle": "新将深"
},
{
"ctitle": "安属步海三少"
},
{
"ctitle": "则实些时放达角"
}
]
}

 

举报

相关推荐

mock.js详细用法

vue中使用mock.js

Mock.js的基本使用

mock.js使用方法

mock.js 简单使用方法

关于Mock.js的那些事

vue项目中使用Mock.js

0 条评论