mock.js 

模拟数据

Mock.mock(template)

Mock.mock(rurl,function(options))

Mock.mock(rurl,rtype,template)

Mock.mock(rurl,rtype,function(options))


template表示数据模板，可以是{'data|1-10':[{}]}也可以是’@EMAIL’
rurl表示要拦截的地址，可以使普通的url如http://c.cn，也可以是url正则表达式/\.json/
rtype表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。
funtion(options)表示用于生成响应数据的函数。

 



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mock</title>
</head>
<body>
    <span>显示列表：<span>
    <ul class="demo"></ul>
<!-- （必选）加载 Mock -->
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>
<script>

// 使用 Mock
Mock.mock('Event/wap/test', {/*地址任意*/
    'result|5': [{
        'id|+1': 1,
        'email': '@EMAIL',
        'name':'@STRING'
    }]
});

$.ajax({
    url: 'Event/wap/test',
    dataType: 'json',
    success: function(data, status, jqXHR) {
        var content = "";
        if(data !=null){
            for(i=0;i<data.result.length;i++){
                content +='<li>\
                        <span>'+data.result[i].id+'、'+data.result[i].name+'的邮箱是：'+data.result[i].email+'</span>\
                </li>';
            }
            $(".demo").html(content);
        }
    }
});

</script>
</body>
</html>

ssr.js也可试试

posted @ 2017-02-13 10:40  幸福的目标  阅读(260)  评论(0)  编辑  收藏  举报