接口详情 (id: 32872) Mock数据 接口名称 datalist1 请求类型 get 请求Url /datas/list1 接口描述 数据列表 请求参数列表 变量名 含义 类型 备注 响应参数列表 变量名 含义 类型 备注 ret object result|1-10 array<object> id number name string success boolean
上面是我的http://rap.taobao.org 的配置,大家可以看见result|1-10,就是随机生成1到10条数据的意思
还要注意官方文档的一句话---很重要
有办法让RAP服务直接返回MockJS数据,而不是MockJS模板吗? 可以的,只要将请求路径中的/mockjs/修改为/mockjsdata/即可,例如: http://{{domainName}}/mockjs/79/rap_mockjs_rules_demo.do? 将返回MockJS模板,而 http://{{domainName}}/mockjsdata/79/rap_mockjs_rules_demo.do? 会返回MockJS数据。 小提示:为什么返回MOCK规则而不是数据? 默认RAP的MOCK服务返回的是Mock.js模板,如果使用RAP插件,插件会负责Mock模板=>Mock数据的转换工作。 这样做的好处: 1. 可以直观看到数据生成的规则 2. 节省传输带宽 3. 更加灵活,提供在特殊场景二次修改规则的机会。
下面我们直接上代码,注意我的访问地址变了,增加了mockjs的
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>rap--mockjs---demo</title> <style type="text/css"> .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;} p{ font-size: 20px; } a { color: #fff;} </style> </head> <body> <h1>rap--mockjs---demo</h1> <script src="http://rap.taobao.org/rap.plugin.js?projectId=4793"></script> <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <script> $(function(){ $.ajax({ type:'get', url:'http://rap.taobao.org/mockjsdata/4793/datas/list1', data:{}, dataType:'json', success:function(data){ console.log(data); } }); }); </script> </body> </html>