这段代码是房间管理页面的交互逻辑核心，实现了房间的修改、删除、状态变更、分页跳转和添加等操作，与后端接口交互完成数据更新

src/main/resources/static/js/manage_room.js

@@ -2,6 +2,7 @@ var pageNum=1;
 var pageSize=8;
 var l;
 
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
 	getroomList();
 	$("#pre").on('click',function(){
@@ -39,6 +40,7 @@ function isEmptyString(str){
 
 
 var list;
+// 从后端获取房间列表并展示
 function getroomList(){
 	$.ajax({
 		type:"post",
@@ -50,6 +52,7 @@ function getroomList(){
 			"pageNum":pageNum,
 			"pageSize":pageSize		
 		},
+		// 请求成功的回调函数
 		success:function(data){
 			if(isEmptyObject(data.List)&&pageNum>0){
 				pageNum=pageNum-1;
@@ -63,10 +66,12 @@ function getroomList(){
 				var state=" ";
 				var type=" ";
 				l=0;
+				 // 默认显示上一页、下一页按钮
 				$("#pre").css("display","block");
 				$("#next").css("display","block");
 				$("#roomList").empty();
 				$("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>")
+				// 遍历房间列表，生成表格内容
 				for(i in list){
 					if(list[i].state=="0"){
 						state="停用";
@@ -84,6 +89,7 @@ function getroomList(){
 						state="待清扫";
 						btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStop\" value=\"改为停用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
 					}
+					// 根据房间类型编码转换为文本
 
 					if(list[i].type=="1")
 						type="单人间";
@@ -93,6 +99,7 @@ function getroomList(){
 						type="大床房";
 					else
 						type="套房"
+						// 拼接表格行（包含房间信息和操作按钮）
 
 					htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
 					$("#roomList").append(htmlStr);
@@ -104,12 +111,14 @@ function getroomList(){
 			}
 
 		},
+		// 请求失败的回调函数
 		error:function(){
 			alert("获取房间列表发生错误")
 		}
 	})
 }
 
+// 绑定页面中所有操作按钮的点击事件
 function btnOn(){
 	$("input").filter("#delRoom").on('click',function(event){
 		delRoom(event);
@@ -128,17 +137,17 @@ function btnOn(){
 	});
 
 }
-
+// 加载上一页数据
 function getPre(){
 	pageNum=pageNum-1;
 	getroomList();
 }
-
+// 加载下一页数据
 function getNext(){
 	pageNum=pageNum+1;
 	getroomList();	
 }
-
+// 填充房间修改表单（将当前房间信息显示到修改弹窗中）
 function setRoom(event){
 	var roomid=$(event.target).data("roomid");
 	var info;
@@ -147,12 +156,13 @@ function setRoom(event){
 			info=list[i];
 		}
 	}
+	// 将房间信息填充到修改表单的输入框中
 	$("#reinputLocal").val(info.local);
 	$("#reinputPrice").val(info.money);
 	$("#reinputType").val(info.type);
 	$("#reinputid").val(roomid);
 }
-
+// 提交房间信息修改请求（AJAX）
 function setRoomajax( ){
 	$.ajax({
 		type:"POST",
@@ -164,6 +174,7 @@ function setRoomajax( ){
 			"type":$("#reinputType").val(),
 			"local":$("#reinputLocal").val()
 		},
+		// 请求成功的回调函数
 		success:function(data){
 			if(data.code==0){
 				alert("修改成功");
@@ -172,6 +183,7 @@ function setRoomajax( ){
 				$("#reinputType").val("");
 				$("#reinputid").val("");
 				$('#alterRoom').modal('toggle');
+				 // 无论成功与否，重新加载房间列表展示最新数据
 				getroomList();
 			}
 			else{
@@ -184,7 +196,7 @@ function setRoomajax( ){
 		}
 	})
 }
-
+// 修改房间状态（启用/停用）
 function setState(event,alter){
 	var roomid=$(event.target).data("roomid");
 	$.ajax({
@@ -195,9 +207,11 @@ function setState(event,alter){
 			"roomid":roomid,
 			"state":alter
 		},
+		 // 请求成功的回调函数
 		success:function(data){
 			if(data.code==0){
 				alert("修改成功");
+				// 重新加载房间列表展示最新状态
 				getroomList();
 			}
 			else
@@ -208,9 +222,9 @@ function setState(event,alter){
 		}
 	})
 }
-
+// 跳转到指定页码
 function setPage(){
-	
+	// 校验输入的页码是否合法（必须大于0）
 	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
 		alert("请输入正确页码");
 	else{
@@ -220,7 +234,7 @@ function setPage(){
 	
 }
 
-
+// 删除房间
 function delRoom(event){
 	var roomid=$(event.target).data("roomid");
 	$.ajax({
@@ -230,6 +244,7 @@ function delRoom(event){
 		data:{
 			"roomid":roomid
 		},
+		// 请求成功的回调函数
 		success:function(data){
 				if(data.code==0){
 					alert("删除成功");
@@ -246,7 +261,7 @@ function delRoom(event){
 	})
 
 }
-
+// 添加新房间
 function addRoom(){
 	if(isEmptyString($("#inputLocal").val())||isEmptyString($("#inputLocal").val())||isEmptyString($("#inputType").val()))
 		alert("请填写全内容");