第11讲_layer插件无刷新显示
知识点:
1、编辑页面表单主要代码:
<form class="layui-form layui-form-pane" action="{:url('config/index')}" data-type="ajax">
2、控制器主要代码:
return json([ 'status' => 200, 'msg' => '配置更新成功', 'url' => url('index', ['tab' => $data['tab']]), ]);
3、layer_hplus.js代码:
//异步提交 $(document).on("submit", "form[data-type=ajax]", function () { var url = $(this).attr("action"); //console.log(url); //序列化表单数据 var data = $(this).serializeArray(); $.ajax({ type: "POST", dataType: "json", url: url, data: data, success: function (res) { //console.log(res); if (res.status == 200) { // layer.open({ // type: 0, //可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) // title: ["温馨提示"], //数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false // content: res.msg, // btn: ["确定"], // yes: function (index, layero) { // console.log("点了确定"); // console.log(url); // layer.close(index); //如果设定了yes回调,需进行手工关闭 // location.href = res.url; //跳转到指定地址 // }, // btn2: function (index, layero) { // console.log("点了取消"); // console.log(url); // layer.close(index); // location.href = res.url; //跳转到指定地址 // }, // }); layer.msg( res.msg, { icon: 1, time: 2000, }, function () { location.href = res.url; //跳转到指定地址 } ); } else { //..code } }, error: function (res) {}, }); return false; });
3、在编辑页面引入layer_hplus.js:
<script src="__ADMIN__/js/layer_hplus.js"></script>