首页 > Web开发 > 详细

mock.js的使用

时间:2018-01-05 20:38:02      阅读:237      评论:0      收藏:0      [点我收藏+]

当我们自己做一个项目的时候,你没有办法想后台获取数据,这个时候我们就需要创造一些假数据,这个mockjs就是用来创造假数据的,他的用法和从后端取数据是基本一样的

基本的语法我就不说了,官网http://highsea90.com/t/mock/

我在这里只说一下他的用法

  • 和jquery一起使用

 

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>

Mock.mock(‘http://g.cn‘,{
	‘name‘:‘@NAME‘,
        ‘color‘:‘@COLOR‘,
        ‘email‘:‘@EMAIL‘
})

 $.ajax({
        url:‘http://g.cn‘
}).done(function(data,status,xhr){
    	console.log(data)
})
  • 和async,await,axios一起使用
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>

Mock.mock(‘http://g.cn‘,{
	‘name‘:‘@NAME‘,
        ‘color‘:‘@COLOR‘,
        ‘email‘:‘@EMAIL‘
})

async function request(url){
	return await axios.get(url)
}
const result = async()=>{
    	const result1 = await request(‘http://g.cn‘) ;
    	console.log(result1)
}
result()

  

mock.js的使用

原文:https://www.cnblogs.com/yang-xiao-fan/p/8206521.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!