mock.js的一些使用方法

前端工程师通常会使用mock来模拟一些数据，下面是它的一些用法

具体的语法使用规则在官网地址中

下面是一个在实际中应用的例子（demo）

在表格中随机获取学生的学号，性别，年龄，邮箱

结果展示

代码

  $('#btn').click(function () {  //获取按钮键
                $.ajax({                     //ajax方法获取路径，必须和下面的mock所用路径一致
                    url:'js/json.js',
                    type:'get',
                    dataType:'json',
                    success:function (data) {
                        console.log(data)
                        createDom(data.data)

                    }

                })

            })

            function createDom(data) {
                var str = '';
                data.forEach(function (item, index) {
                    str += `
					<tr>
						<td>${item.id}</td>
						<td>${item.sex}</td>
						<td>${item.name}</td>

						<td>${item.phone}</td>
					
					
					</tr>
				`;
                });
                $('#tbody').html(str);
            };

            Mock.mock('js/json.js',{
                "status":"200",          //描述
                "msg":"success",
                "data|10":[{              //表示随机创建10个数组
                    "id|+1":1,                   //从1开始逐个加一
                    "name":"@cname" ,     //因为是在数组里面，所以要用到占位符，表示随机生成一个中文名字
                    "sex|1":["男","女"] ,              //在数组中随机抽取一个
                    "phone":"@natural(13000000000,19900000000)" //随机生成自然数，后面的数是范围

                }]
            })