美文网首页
在jquery里面使用mockjs

在jquery里面使用mockjs

作者: 陈情令 | 来源:发表于2021-12-24 17:07 被阅读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 运行就可以了

相关文章

网友评论

      本文标题:在jquery里面使用mockjs

      本文链接:https://www.haomeiwen.com/subject/crzlqrtx.html