mock.js

時間 2019-11-10

原文原文鏈接

模擬數據

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也可試試html

相關標籤/搜索

vue.js+mock.js+node.js

JavaScript

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。