使用eolink生成测试mock数据(三)

使用eolink生成测试mock数据(一)
eoliker网址:https://www.eolinker.com
mockjs 网址:http://mockjs.com/examples.html#Number
在测试页面中进行调试看看
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试</title>
		<style type="text/css">
			table {
				border: 1px;
				font-size: 14px;
			}
			th,td {
				padding: 10px 20px;
				background: #f5f5f5;
			}
		</style>
		<head>
			<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		</head>
	</head>
	<body>
		<table id="t_mock" border="0" cellspacing="0" cellpadding="0">
			
			
		</table>
		<script>
			$.ajax({
				url: "https://mockapi.eolinker.com/GtJBXkAe89306078ba5ecb1eb6e67817cd62d715ecc8261/mock/vue_minidata",
				type:'post',
				data: {},
				success(res) {
					res = JSON.parse(res)
					console.log(res)
					var boduTable = ''					
					for(var i=0;i<res.length;i++){
						boduTable += "<tr><td>"+res[i].userdata.name+"</td><td>"+res[i].userdata.age+"</td><td>"+res[i].userdata.gender+"</td><td>"+res[i].userdata.hobby+"</td><td>"+res[i].school.m_school+"</td><td>"+res[i].school.h_school+"</td></tr>"
					}
					var headerTable = "<tr><th>姓名</th><th>年龄</th><th>性别</th><th>爱好</th><th>小学</th><th>中学</th></tr>"
					// document.write(res)
					$('#t_mock').html(headerTable+boduTable)
				}
			});
		</script>
	</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值