在jquery里面使用mockjs

Posted 2023-03-17

参考技术A 详细请参考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 运行就可以了