微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

1、4 前后端分离,写静态HTML文件,通过ajax 返回数据

1、html

<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="myresource/bootstrap/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="list.js"></script>
</head>

<body>
<table >

  <table id="td">
		<tr>
			<td>编号</td>
			<td>姓名</td>
			<td>密码</td>
		</tr>
	</table>
  

</table>

</body>
</html>

  

2、js (也就是文档就绪函数内容)

 1     $.post(
 2         "http://localhost:8080/list",
 3         function(obj){
 4             
 5              for(var i in obj){
 6                 $("#td").append("<tr><td>"+obj[i].sid+"</td><td>"+obj[i].sname+"</td><td>"+obj[i].pwd+"</td></tr>");
 7             } 
 8     
 9         },"json"
10     );
11     

3、浏览器访问 localhost:8080/静态资源

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐