在原生H5中使用mock模拟数据

之前写过在react项目中如何使用mock数据，因为最近在写原生H5，所以在这里总结一下原生中如何使用mock数据。
1.在项目中下载mockjs并引入

<script src="./node_modules/mockjs/dist/mock.js"></script>

2.建立MockJson.js

Mock.mock(
	'index', //这里对应下面mock请求的URL
	{
	"data":[
        {"id":"0","title":"1.不知道如何预约体检"},
        {"id":"1","title":"2.预约常见问题"},
        {"id":"2","title":"3.体检报告找不到"},
        {"id":"3","title":"4.如何退款"},
        {"id":"4","title":"5.查看更多"}
    ]
})

3.将我们所编写的MockJson.js引入

<script src="./MockJson.js"></script>

4.这里我使用了window.onload发送请求并将结果循环添加到页面

window.onload = function(){
    axios({
        url:"index",
        method:"get",
    }).then((ok)=>{
        var listarr = ok.data.data
        var listgroupDom = document.getElementsByClassName('listgroup')
        listarr.forEach((i,ele)=>{
            console.log(i)
        var li = document.createElement('li');
        var a = document.createElement('a');
        a.innerHTML = i.title;
        a.id = i.id;
        li.appendChild(a);
        listgroupDom[0].appendChild(li);
        })
    })
}