（练习SSMdemo）使用异步交互实现增删查改

最新推荐文章于 2022-12-10 00:29:17 发布

林先生拆坑日记。

最新推荐文章于 2022-12-10 00:29:17 发布

阅读量878

点赞数

分类专栏： Springboot

本文链接：https://blog.csdn.net/weixin_41930050/article/details/100052447

版权

demo 结构图
在这里插入图片描述
核心代码

从数据库查询数据

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1" width="500" cellspacing="0">

		<thead>
			<tr>
				<th>编号</th>
				<th>名称</th>
				<th>类别</th>
				<th>价格</th>
				<th>库存</th>
				<th>描述</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>

		</tbody>
		<a href="${pageContext.request.contextPath}/add.jsp">添加 </a>>
	</table>
	


</body>
<script type="text/javascript">
 	if("${msg}"){
    
 		alert("${msg}")
 		
 	}
 	//异步读取数据
 $.getJSON ("${pageContext.request.contextPath}/findGoods.do",function(date){
    
	 for(var i=0;i<date.length;i++){
    
		// var test=date[i];
		 var id=date[i].id;
		 var goodsPrice=date[i].goodsPrice;
		 var goodsNumber=date[i].goodsNumber;
		 var goodsName=date[i].goodsName;
		 var goodsDesc=date[i].goodsDesc;
		 var goodsType=date[i].goodsType;
		 $("tbody").append("<tr> "
		
			+" <td>" + id + "</td>" 
			+" <td>" + goodsName + "</td>"
			+" <td>" + goodsType +

最低0.47元/天解锁文章

林先生拆坑日记。

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
（练习SSMdemo）使用异步交互实现增删查改

demo 结构图核心代码从数据库查询数据<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><script type="text/javascrip...
复制链接

扫一扫