保存新增

保存新增

开发工具与关键技术：VS、MVC

作者：黎官凤

撰写时间：2019/05/1

在写一个项目的时候，新增、删除、修改这三个操作是最基本的要求，然而在完成这些操作的最后一步是保存，没有保存就算你完成操作也是在做无用功。

下面让我们来看一下保存的写法：

//保存新增

saveInsertEmployee
在保存按钮添加点击事件

function
saveInsertEmployee() {

//获取页面数据

var 声明变量 formInsertExaminee 模态框内容ID

var employeeNumber = $("#formInsertExaminee
[name=‘EmployeeNumber’]").val();//编号

var employeeName = $("#formInsertExaminee
[name=‘EmployeeName’]").val();//员工姓名

var phone = $("#formInsertExaminee
[name=‘Phone’]").val();//电话

var cellphone = $("#formInsertExaminee
[name=‘Cellphone’]").val();//手机

var departmentId = $("#formInsertExaminee
[name=‘DepartmentID’]").val();//部门ID

var positionId = $("#formInsertExaminee
[name=‘PositionID’]").val();//职位ID

var address = $("#formInsertExaminee
[name=‘Address’]").val();//地址

var remark = $("#formInsertExaminee
[name=‘Remark’]").val();//备注

//判断数据完整

departmentId

0 部门的下拉框不能为空

&&
和

判断部门下拉框、职位下拉框、编号、员工姓名、员工手机这些数据在新增中不能为空，必须填写

if (departmentId > 0 && positionId > 0
&& employeeNumber != “” && employeeName != “” && cellphone != “”) {

//加载层

var load = layer.load();

//ajaxSubmit()提交表单:我们直接通过form提交的话,提交后当前页面跳转到form的action所指向的页面。

//然而，很多时候我们并不希望提交表单后页面跳转，那么，我们就可以使用ajaxSubmit(obj)来提交数据

//ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件

$("#formInsertExaminee").ajaxSubmit(function (returnJson【参数】) {

//关闭加载层

layer.close(load);

//新增成功

if (returnJson.State) {

//关闭模态框

modInsertExaminee
模态框ID

$("#modInsertExaminee").modal(“hide”);

//提示信息

layer.msg(returnJson.Text,
{ icon: 1, title: “提示” });

//刷新表格

TabEmployee
表格ID

TabEmployee.reload();

}

else {

layer
要引用layui.Js插件
然后再在全局声明变量

layer.alert(returnJson.Text,
{ icon: 0, title: “提示” });

}

});

}

else {

layer.alert(“请填写完整数据信息！”, { icon: 0, title: “提示” });

}

}

以上就是在视图中简单的新增保存代码。