mock.js的使用

Posted 2020-10-19 没入门的小学员

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