diff --git a/src/main/resources/static/js/ad_salary.js b/src/main/resources/static/js/ad_salary.js
index adb3168..150a50b 100644
--- a/src/main/resources/static/js/ad_salary.js
+++ b/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="
| 经理 | "+config.manage+" | "+config.managesalary+"% |
"+
"| 员工 | "+config.staff+" | "+config.staffsalary+"% |
"+
"| 清洁工 | "+config.cleaner+" | "+config.cleanerssalary+"% |
";
+ // 将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("修改配置发生错误")
}