js使用MOCK来进行测试

最新推荐文章于 2023-06-26 15:49:37 发布

疑似忘川落九天

最新推荐文章于 2023-06-26 15:49:37 发布

阅读量305

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 json

本文链接：https://blog.csdn.net/qq_47801382/article/details/122971792

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

mock.js:

mock.js我是分开写的，把mock的加载的js写在HTML中，mock还有很多的方法：

https://github.com/nuysoft/Mock/wikihttps://github.com/nuysoft/Mock/wiki

Mock.mock('/user/userinfoOne','get',{
		id:"@id()",
		username:"@cname()",
		date:"@date()",
		ip:"@ip()",
		email:"@email"
	})

html:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>添加数据</title>
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="https://cdn.bootcss.com/Mock.js/1.0.0/mock-min.js"></script>
	</head>
	<body>
		<div>
			<table id="stutab" border="1" cellspacing="0" cellpadding="0">
				<tr>
					<th>编号</th>
					<th>姓名</th>
					<th>日期</th>
					<th>IP</th>
					<th>邮箱</th>
				</tr>
			</table>
		</div>
	</body>
	<script src="mock/indexs.js" type="text/javascript" charset="utf-8"></script>
</html>

js:

$(function() {
		getstudata()
	})
	
	function getstudata() {
		console.log(1111);
		$.ajax({
			type: "get",
			url: "/user/findAllUser",
			dataType: "json",
			success: function(data) {
				console.log(data);
				showdata(data)
			}
		})
	}
	
	function showdata(data) {
		console.log(data + ".....");
		for (var i = 0; i < data.length; i++) {
			var tr = $("<tr></tr>");
			tr.html("<td>" + data[i].id + "</td><td>" + data[i].username + "</td><td>" + data[i].date + "</td><td>" +
				data[i].ip + "</td><td>" + data[i].email + "</td>")
			$("#stutab").append(tr)
		}
	}

图片：

疑似忘川落九天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js使用MOCK来进行测试

mock.js:Mock.mock('/user/userinfoOne','get',{ id:"@id()", username:"@cname()", date:"@date()", ip:"@ip()", email:"@email" })html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>添加数据</.
复制链接

扫一扫