[TOC] ## 第51讲_部分功能修正及完善 > 完整JS库，支持功能如下： > 1、无刷新不跳转 > 2、删除信息弹出提示框，用户确认后再删除 ## 代码如下： ~~~ // Layer插件无刷新显示（当前页面弹出信息提示框-无刷新） // 参考【雪狐CMS内容管理系统(PC+WAP+Android+IOS+微信版)】第10-11讲 // 2018.05.04 $(document).on('submit','form[data-type=ajax]',function(obj){ // 获取表单数据 var url = $(this).attr('action'); var data = $(this).serializeArray(); // 异步提交处理 $.ajax({ type:'POST', dataType:'json', url:url, data:data, success:function(obj){ var icon_num = (obj.status == 200) ? 1 : 2; if (obj.status == 200 || obj.status == 202) { // layer弹框信息 layer.open({ title:['温馨提示','font-size:18px;font-weight:bold;color:green;'], content: obj.msg, btn: ['确认'], icon:icon_num, shade: 0, yes: function(index, layero){ if (obj.url) { location.href = obj.url; //跳转指定地址 }else{ layer.close(index); } }, cancel: function(){ if (obj.url) { location.href = obj.url; //跳转指定地址 }else{ layer.close(); } }, }); } }, error:function(obj){ layer.alert('网络故障'); }, }); return false; }); // 融合TP自带新开页面跳转与layer异步提交，实现简单异步跳转 // @参考雪狐网《雪狐CMS内容管理系统(PC+WAP+Android+IOS+微信版)》（第16讲_自定义助手函数整合Layer插件） // @2018.5.8 BY mz-office $(document).ready(function(){ // 复选框iCheck插件 $('input[type="checkbox"]').on('ifChecked',function(){ $(this).val('1'); }); $('input[type="checkbox"]').on('ifUnchecked',function(){ $(this).val('0'); }); // 单选框iCheck插件 // $('input[type="radio"]').on('ifChecked',function(){ // $(this).val('1'); // }); // $('input[type="radio"]').on('ifUnchecked',function(){ // $(this).val('0'); // }); // 隐藏选项卡 $('.nav-tabs li').click(function(){ if ($(this).attr('id') != 'showtab') { $('#showtab').attr('style','display:none'); } }); // 删除链接提示信息 $("a[name='delete']").click(function(){ // 获取跳转地址 var url = $(this).attr('href'); layer.confirm('您确定要删除数据吗',{icon:3, title:'提示'},function(index){ // 异步提交处理 $.ajax({ type:'POST', dataType:'json', url:url, data:null, success:function(obj){ var icon_num = (obj.status == 200) ? 1 : 2; if (obj.status == 200 || obj.status == 202) { // layer弹框信息 layer.open({ title:['温馨提示','font-size:18px;font-weight:bold;color:green;'], content: obj.msg, icon:icon_num, btn: ['确认'], shade: 0, yes: function(index, layero){ if (obj.url) { location.href = obj.url; //跳转指定地址 }else{ layer.close(index); } }, cancel: function(){ if (obj.url) { location.href = obj.url; //跳转指定地址 }else{ layer.close(); } }, }); } }, error:function(obj){ layer.alert('网络故障'); }, }); }); return false; }); }); ~~~