如何修改数据

最新推荐文章于 2020-08-19 16:58:18 发布

原创最新推荐文章于 2020-08-19 16:58:18 发布 · 3.2k 阅读

CC 4.0 BY-SA版权

本文介绍了一个在MVC项目中使用JavaScript和jQuery修改HTML数据的过程。首先展示了一个修改表单的HTML代码，接着详细解释了如何打开修改模态框、重置表单、回填表单数据、发送请求到后台、根据返回数据更新模态框内容，以及处理成功或失败的回调操作。整个流程涉及到与服务器的交互和前端页面的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                               如何修改数据

开发工具与关键技术：Visual Studio 2015 
作者：李仁海
撰写时间：2019.4.14

一、如何修改数据
在这里插入图片描述
图1
1、首先看图1html的带码，首先要准备相图1这样的html的修改表单代码。
2、打开修改Model
用javaScript或者jquery进行打开修改模态框function自定义名称openUpdate参数值gradeId，获取表单ID $("#formUpdateGrade")[0]进行重置表单reset清空，防止上次输入的数据信息残留下来。
3、post路径/SystemManagement/Colleglnfor/SelectGradeById,参数传到控制器{gradeId:gradeId}，然后function参数(jsonData)进行回填表单数据，loadDatatoForm回填表单数据拿到表单的IDformUpdateGrade进行回填，参数值jsonData，然后在下面给 },‘json’)传递数据；

在这里插入图片描述
图2
4、根据前面获取到的数据获取模态框ID $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲modalUpdateGrad\dots$ ("#UGradeName").val()，然后var再获取年级的值ID GradeID等于获取年级的ID $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲UGradeID").val(\dots$ .post("/SystemManagement/Colleglnfor/UpdaeGrade",传送参数到控制器GradeID:GradeID, GradeName:GradeName, AcademeID:AcademeID传送这三个参数用来接收数据，通过路径接口来回传输数据。
在这里插入图片描述
图4
4、回调数据，layer.close(layerIndex);进行关闭加载层，接着if判断是否成功文本data.State的值，判断是否成功后，关闭修改模态框，获取修改模态框IDmodalUpdateGrade，然后 modal(‘hide’)关闭；接着直接刷新表格，根据声明全局变量tabGrade的初始化表格进行刷新，reload刷新；接着来个提示layer.alert(data.Text)；拿取数据’json’；判断不成功或者填写的数据不完整else 提示一下layer.alert(‘请填写完整’, { title: ‘提示’, icon: 0 });
在这里插入图片描述
图4
(注释：这是现在跟老师学习MVC的一个项目的登陆页面视图上的代码)