在jquery里面使用mockjs

2021-12-24  本文已影响0人  陈情令

详细请参考https://blog.csdn.net/weixin_40180205/article/details/106037395

1 先创建heml文件,导入jquery和mockjs的文件夹

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script> 

 <script src="https://cdn.bootcss.com/Mock.js/1.0.0/mock-min.js"></script>

2 创建一个mock文件夹,在文件夹里面创建一个mock.js文件夹

Mock.mock('/user/userinfo','get',{ id:'@id',

    name:'@cname',

    date:'@date()',

    avatar:"@image('200x100', '#50B347', '#FFF', 'Mock.js')",

    ip:'@ip()',

    email:'@email'})

3 将mock.js文件夹引入到html文件夹里面

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

4 使用ajax发送请求

<script> $.ajax({ url:'/user/userinfo',

            //将返回的数据解析成json

            dataType:'json',

            success(data){                console.log(data);               

            }        })    </script>

5 运行就可以了

上一篇 下一篇

猜你喜欢

热点阅读