上次实现了添加商品类型的功能,但是不足的是,不能在前端显示出添加错误和成功的信息,这篇博客将完成添加成功的失败显示的提示框
导入layer
导入资源文件layer,导入到web-INF下
-
在ProductTypeManage.jsp中加入该文件中的layer.js,并且为该js添加样式,注意:样式一定要在导入该js文件之后
-
此时是在根路径下找不到layer的,要在spring-mvc中对其进行映射
回调函数中的弹出框
function addProductType() {
$.post('${pageContext.request.contextPath}/backend/productType/add',
{'name': $('#productTypeName').val()}, function (data) {
//状态为1表示成功,2表示失败
if (data.status==1){
//弹出框:响应结果的message,弹出框存在时间2000ms,样式:successMsg
layer.msg(data.message,{time:2000, skin: 'successMsg'});
}else {
layer.msg(data.message,{time:2000, skin: 'errorMsg'});
}
});
}
显示停用启用按钮
此时的页面有个不足,就是无论数据是停用的还是启用的,后面显示的按钮都是禁用的,应该让启用的数据后面显示禁用按钮,停用的数据后面显示启用按钮