码迷,mamicode.com
首页 > Web开发 > 详细

mock.js的使用

时间:2018-01-05 20:54:30      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:获取数据   rip   strong   bsp   function   email   await   unp   tar   

当我们自己做一个项目的时候,你没有办法想后台获取数据,这个时候我们就需要创造一些假数据,这个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的使用

标签:获取数据   rip   strong   bsp   function   email   await   unp   tar   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!