修改保存
开发工具与关键技术:MVC专题技术
作者:彭春怡
撰写时间:2019/4/21
各位IT的朋友们好,今天我想给大家介绍一下修改保存。就是把修改之后的数据进行保存数据的操作。保存数据,对于一个IT人员保存数据是必学的。今天呢,我只是把在老师课堂上学到的知识介绍给大家,如果有不对的地方,请见谅,欢迎指教,谢谢。
要现实这个功能,直接从视图下手便可。代码不多,也挺好理解的。下面呢我把我学到的知识向大家讲解。
图1:
图1里用红色笔圈出来的是修改的按钮。就是修改的时候,要按下的按钮。按下修改按钮就会跳出修改模态框。
图2:
图2就是按下图1修改按钮跳出来的修改模态框,用红色笔画出来的是我要讲的修改保存按钮,修改后按下保存按钮就会进行保存。
下面就是进行保存的代码:
function savaUpdate() {
savaUpdate是样式代码保存的按钮onclick。
var AcademeID = $("#UAcademeID").val();
var AcademeName = $("#UAcademeName").val();
var AcademeCode = $("#UAcademeCode").val();
接下来是获取页面的数据,声明你想要的数据。var是声明的意思,AcademeID、AcademeName、AcademeCode是声明的数据。UAcademeID、UAcademeName、UAcademeCode是获取页面上的数据。
if (AcademeID != '' && AcademeID != undefined && != isNaN(AcademeID)
&& AcademeName != '' && AcademeName != undefined
&& AcademeCode != '' && AcademeCode != undefined) {
然后呢是进行数据的判断,!=“”是不等于空的意思,&&是与的意思。根据各个表与ID的意思进行判断便可。
$.post("/SystemManagements/Collegelnfor/UpdateAcademe",
{
AcademeID: AcademeID,
AcademeName: AcademeName,
AcademeCode: AcademeCode
},
这里是使用post异步提交数据的方法。"/SystemManagements/Collegelnfor/UpdateAcademe"是获取控制器的数据连接。
function (returnJson) {
if (returnJson.State = = true) {
$("#modalUpdateAcademe").modal(‘hide’);
returnJson里面的State等于true,数据保存成功,模态框便会自动隐藏,就是相当于关闭模态框,hide自有隐藏的功能。
tabAcademe = layuiTable.reload('tabAcademe');
隐藏之后自动刷新。
}
layer.alert(returnJson.Text);
}, "json");
}
else {
layer.alert('请填写完整', { title: '提示', icon: 0 });
这里是修改时没有填写完整,就会执行这里的数据else,提示“请填写完整”。
}
}
总结:一个修改保存到这里就完成了。一点点小知识,如有不对,请见谅,谢谢。