美文网首页
RAP+mockjs模拟动态数据

RAP+mockjs模拟动态数据

作者: 钱学敏 | 来源:发表于2018-04-03 21:19 被阅读0次

资料

RAP 宣传片
http://v.youku.com/v_show/id_XNjk5NjMxODA4.html
RAP地址
http://rapapi.org/org/index.do
mockjs规则
http://mockjs.com/examples.html

使用示例

1、注册-登录-访问RAP,并新建项目

新建项目hello world
2、点击项目进行编辑 mock规则参考http://mockjs.com/examples.html mock数据规则
预览数据
预览数据

3、编辑完成后回到首页 获取RAP插件地址


获取RAP插件地址
获取插件地址

4、在项目中使用 把刚才复制的地址放到项目中


使用
mode为1使用mock数据
mode为0使用真实数据

贴代码

//mock.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>mock</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <!--引入RAP-->
  <script src='http://rapapi.org/rap.plugin.js?projectId=32981&mode=0'></script>
</head>
<body>
  <pre id="con"></pre>
  <script>
      $(function(){
          $.ajax({
              url:'data.json',
              success:function(result){
                  $("#con").html(JSON.stringify(result,null,2))
              }
          })
      })
  </script>
</body>
</html>
//data.json
{
    "a": 1
}

相关文章

网友评论

      本文标题:RAP+mockjs模拟动态数据

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