From cbb5575bdfcf26f6bbc265e862d74ab9560135c9 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 20:59:26 +0800 Subject: [PATCH] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81=E6=98=AF?= =?UTF-8?q?=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=20jQuery=20=E7=9A=84?= =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91=EF=BC=8C?= =?UTF-8?q?=E4=B8=BB=E8=A6=81=E5=AE=9E=E7=8E=B0=E5=91=98=E5=B7=A5=E9=85=8D?= =?UTF-8?q?=E7=BD=AE=E4=BF=A1=E6=81=AF=E7=9A=84=E6=9F=A5=E7=9C=8B=E5=92=8C?= =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8A=9F=E8=83=BD=EF=BC=8C=E7=94=A8=E4=BA=8E?= =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=91=98=E5=B7=A5=E7=9B=B8=E5=85=B3=E7=9A=84?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=E4=BF=A1=E6=81=AF=EF=BC=8C=E4=BE=9D=E8=B5=96?= =?UTF-8?q?=20jQuery=20=E5=AE=9E=E7=8E=B0=20DOM=20=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E5=92=8C=20AJAX=20=E8=AF=B7=E6=B1=82=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_salary.js | 54 +++++++++++++++++------ 1 file changed, 40 insertions(+), 14 deletions(-) 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("修改配置发生错误") }