保存公告页面的操作

开发工具与关键技术：Visual Studio 2015
作者：杨镇虹
撰写时间：2019.06.18
一、 保存公告页面
Hlml浏览器的页面

图1
//保存公告 首先用#号选择器选择到html页面布局给的一个公告表单里面的保存id(saveForm)给它写点击click事件点击到这个公告表单保存idsaveForm在里面给保存写操作方法function
$("#saveForm").click(function () {
var获取到页面的公告的值 用#号选择到公告页面表单的id(fromNotice) name名称拿到页面的公告类型明细id(NoticeTypeDetailID) 获取到页面公告类型的值等于这个NoticeTypeDetailID
var NoticeTypeDetailID = $(’#fromNotice [name=“NoticeTypeDetailID”]’).val();//公告类型明细
var获取到页面的公告名称的值 用#号选择到公告页面表单的id(fromNotice) input标签里面的 name名称拿到页面的公告名称NoticeName 获取到页面公告名称的值等于这个NoticeName
var NoticeName = $(’#fromNotice input[name=“NoticeName”]’).val();//公告名称
// var获取Editor的内容
var NoticeContent = editorNotice.getData()
//var获取 用#号选择到公告页面表单的id(fromNotice) 的input标签里面的 name名称是否把该公告置于主界面公告列表的顶部的名称Overhead 这个是取消勾选或默认勾选’checked’多选框
var Overhead = $(’#fromNotice input[name=“Overhead”]’).prop(‘checked’);//十分置顶
// var获取到页面的设置显示公告天数的值等于它New 用#号选择到显示天数的ID(selectNew’)
var New = $(’#selectNew’).val();//new 显示天数
//var获取到页面的是否轮播的值 用#号选择到公告页面表单的id(fromNotice) 的input标签里面的 name名称 是否把该公告添加到主界面的轮播中的名称noticeCarousel 这个是取消勾选或默认勾选’checked’多选框
var noticeCarousel = $(’#fromNotice input[name=“noticeCarousel”]’).prop(‘checked’);//是否轮播
//if判断上面是否获取到页面填写的值 页面的公告类型明细id NoticeTypeDetailID的值 ！=不等于undefined &&是和的意思 公告类型明细id NoticeTypeDetailID的值 != 不等于空null &&和 公告类型明细id NoticeTypeDetailID >大于0 &&和 公告名称NoticeName !=不等于undefined &&和 != 不等于空null != "“不等于空 &&和 Editor的内容NoticeContent 不等于空
if (NoticeTypeDetailID != undefined && NoticeTypeDetailID != null && NoticeTypeDetailID > 0
&& NoticeName != undefined && NoticeName != null && NoticeName != “”
&& NoticeContent != “”) {
//if判断 是否轮播等于true &&和 #号选择到公告页面表单的id(fromNotice) 的input标签的 name名称 noticeCarouseImage length长度等于0
if (noticeCarousel == true && $(’#fromNotice input[name=“noticeCarouseImage”]’).prop(‘files’).length == 0) {
//一个弹出的提示框
layer.alert(“如要添加到轮播显示，请上传图片”, { icon: 0 });
return;
}new一个FormData对象
var fd = new FormData();
fd.append(“NoticeTypeDetailID”, NoticeTypeDetailID);//公告类型ID
fd.append(“NoticeName”, NoticeName);//公告名称
fd.append(“NoticeContent”, NoticeContent);//公告内容
fd.append(“Overhead”, Overhead);//置顶显示
fd.append(“New”, New);//New显示天数
fd.append(“noticeCarousel”, noticeCarousel);//是否轮播
fd.append(“noticeCarouseImage”, $(’#fromNotice input[name=“noticeCarouseImage”]’).prop(‘files’)[0]);//文件添加到FormData
//=new一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
xhr.addEventListener(“load”, function (event) {
layer.close(layerIndex);//关闭加载层
var jsonData = JSON.parse(event.currentTarget.responseText);
if (jsonData.State) {
alert(“保存成功”);
//保存成功跳转页面的控制器路径
window.location.href = “/SystemManagement/IssuanceNotice/NoticeManagement”;
}
layer.alert(jsonData.Text, { icon: 2 });
}, false);
xhr.addEventListener(“error”, function (event) {
layer.close(layerIndex);//关闭加载层
layer.alert(“保存失败”, { icon: 2 });
}, false);
xhr.open(“POST”, “/SystemManagement/IssuanceNotice/NoticeInsert”);
//打开加载层
layerIndex = layer.load();
xhr.send(fd);
} else {//如果上面填写数据时没有填写完整，就否则
//弹出一个提示框来提醒用户"请填写完整”
layer.alert(“请填写完整”, { icon: 0 });
}
});