这段代码是一个基于 jQuery 的前端页面逻辑，主要实现员工配置信息的查看和修改功能，用于管理员工相关的配置信息，依赖 jQuery 实现 DOM 操作和 AJAX 请求。

src/main/resources/static/js/ad_salary.js

@@ -1,39 +1,52 @@
+// 页面DOM加载完成后执行的初始化函数
 $(document).ready(function(){
+// 加载配置信息
 	getConfig();
+	// 给"查看配置"按钮绑定点击事件，点击时切换显示的标签页
 	$("#showConfig").click(function(){
 		changeTab();
 	});
+	// 给"修改配置"按钮绑定点击事件，点击时切换显示的标签页
 	$("#alterConfig").click(function(){
 		changeTab();
 	});
+	// 给"确认修改"按钮绑定点击事件，点击时执行修改配置的逻辑
 	$("#alterConfigBtn").click(function(){
 		alterConfig();
 	})
 })
-
+// 全局变量，用于存储从后端获取的配置信息
 var config;
 
 //判断字符串是否为空 空返回1 非空返回0
 function isEmptyString(str){
+ // 如果字符串是'null'或空字符串，视为空
 	if(str=='null'||str=='')
 		return 1;
 	return 0;
 }
 
-
+// 从后端获取配置信息并展示
 function getConfig(){
+// 发起AJAX POST请求
 	$.ajax({
-		type:"POST",
-		url:"../config/getConfig.do",
-		dataType:"JSON",
-		data:{},
+		type:"POST",// 请求类型
+		url:"../config/getConfig.do", // 请求后端接口地址
+		dataType:"JSON", // 预期后端返回的数据类型
+		data:{},// 请求参数（无参数）
+		// 请求成功的回调函数
 		success:function(data){
+		// 后端返回成功状态码（假设code="0"为成功）
 			if(data.code=="0"){
+			// 存储配置信息到全局变量
 				config=data.config;
+				// 拼接配置信息的HTML字符串（用于展示表格）
 				var htmlStr="<tr><td>经理</td><td>"+config.manage+"</td><td>"+config.managesalary+"%</td></tr>"+
 				"<tr><td>员工</td><td>"+config.staff+"</td><td>"+config.staffsalary+"%</td></tr>"+
 				"<tr><td>清洁工</td><td>"+config.cleaner+"</td><td>"+config.cleanerssalary+"%</td></tr>";
+				// 将HTML添加到表格中展示
 				$("#configList").append(htmlStr);
+				// 给修改表单的输入框赋值（默认显示当前配置）
 				$("#inputMS").val(config.manage);
 				$("#inputSS").val(config.staff);
 				$("#inputCS").val(config.cleaner);
@@ -42,10 +55,12 @@ function getConfig(){
 				$("#inputC").val(config.cleanerssalary);
 			}
 			else{
+			// 后端返回失败，提示错误
 				alert("获取配置错误");
 			}
 
 		},
+		// 请求失败的回调函数
 		error:function(){
 			alert("获取配置发生错误")
 		}
@@ -53,27 +68,35 @@ function getConfig(){
 	});
 }
 
+// 切换标签页（切换"查看配置"和"修改配置"区域的显示状态）
 function changeTab(){
-	var info=$("#showConfigDiv").css("display");
-	var alter=$("#alterConfigDiv").css("display");
+// 获取两个区域当前的显示状态
+	var info=$("#showConfigDiv").css("display"); // 查看配置区域
+	var alter=$("#alterConfigDiv").css("display");// 修改配置区域
+	 // 如果查看区域正在显示，则隐藏查看区域，显示修改区域（带动画）
 	if(info=="block"){
 		$("#showConfigDiv").css("display","none");
-		$("#alterConfigDiv").fadeIn();	
+		$("#alterConfigDiv").fadeIn();	// 淡入动画
 	}
 	else{
+	 // 否则隐藏修改区域，显示查看区域（带动画）
 		$("#alterConfigDiv").css("display","none")
-		$("#showConfigDiv").fadeIn();
+		$("#showConfigDiv").fadeIn();// 淡入动画
 	}
 }
 
+// 提交修改配置的请求
 function alterConfig(){
+// 校验输入框是否为空（调用isEmptyString函数）
 	if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val()))
-		alert("请填写全内容");
+		alert("请填写全内容");// 有空值则提示
 	else{
+	 // 输入完整，发起修改请求
 		$.ajax({
-			type:"POST",
-			url:"../config/updateConfig.do",
-			dataType:"JSON",
+			type:"POST", // 请求类型
+			url:"../config/updateConfig.do",// 后端修改接口地址
+			dataType:"JSON", // 预期返回数据类型
+			// 请求参数（从输入框获取新的配置值）
 			data:{
 				"managesalary":$("#inputM").val(),
 				"staffsalary":$("#inputS").val(),
@@ -82,6 +105,7 @@ function alterConfig(){
 				"staff":$("#inputSS").val(),
 				"cleaner":$("#inputCS").val()
 			},
+			// 请求成功的回调函数
 			success:function(data){
 				if(data.code=="0"){
 					alert("修改成功");
@@ -90,9 +114,11 @@ function alterConfig(){
 				else{
 					alert("修改配置错误");
 				}
+				// 无论成功与否，刷新页面重新加载配置
 				window.location.reload();
 
 			},
+			 // 请求失败的回调函数
 			error:function(){
 				alert("修改配置发生错误")
 			}