> 時間:2018.07.22
~~~
// Layer插件無刷新顯示(當前頁面彈出信息提示框-無刷新)
$(document).on('submit','form[data-type=ajax]',function(obj){
// 獲取表單數據
var url = $(this).attr('action');
var data = $(this).serializeArray();
//彈出詢問框
layer.confirm('您確定提交處理嗎?',{icon:3, title:'提示'},function(index){
// 異步提交處理
$.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異步提交,實現簡單異步跳轉
// @2018.5.8 BY mz-office
// ************************* ready() sta *******************************
$(document).ready(function(){
// 復選框iCheck插件
$('input[type="checkbox"]').on('ifChecked',function(){
$(this).val('1');
});
$('input[type="checkbox"]').on('ifUnchecked',function(){
$(this).val('0');
});
// 全選
$("#isCheckAll").on('ifChecked', function(event) {
$('input').iCheck('check');
});
// 全不選
$("#isCheckAll").on('ifUnchecked', function(event) {
$('input').iCheck('uncheck');
});
// 單選框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');
}
});
// ************************* 刪除鏈接提示信息 sta *******************************
$("a[name='delete']").click(function(){
// 獲取跳轉地址
var url = $(this).attr('href');
layer.confirm('您確定要刪除數據嗎',{icon:3, title:'提示'},function(index){
// layer.alert(index);return false;
// 異步提交處理
$.ajax({
type:"POST",
url:url,
dataType:"json",
contentType:"application/x-www-form-urlencoded",
data:null,
success:function(obj){
var icon_num = (obj.status == 200) ? 1 : 2;
if (obj.status == 200) {
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(){
layer.alert('網絡故障');
}
});
});
return false;
});
// ************************* 刪除鏈接提示信息 end *******************************
});
// ************************* ready() end *******************************
~~~
- Layer無刷新不跳轉彈框提示信息
- 整合ThinkPHP+實用代碼
- TP整合Layer插件實現無刷新
- 自定義助手函數
- 添加信息失敗后不跳轉
- 三種無限級分類
- TP常用代碼
- 自定義公共函數
- TP模型管理專題
- TP模型管理之添加模型
- sfox_newmodel.sql
- TP模型管理之刪除模型
- TP模型管理之編輯模型
- TP模型管理之字段添加
- sfox_newmodel.sql_edit
- layer_hplus.js_edit
- TP模型管理之字段刪除
- TP模型管理之字段編輯
- TP模型管理之預覽模型
- TP模型管理之公共函數
- layer_hplus.js_修訂一
- TP模型管理之預覽模型靜態頁
- 后臺內容管理系統
- 分類樹顯示
- 內容列表顯示
- 信息發布
- 編輯信息
- layer_hplus.js
- myJs第一版
- myJs第二版
- myJs第三版
- myJs第四版
- TP5插件用法
- Datatables
- WebUploader
- bootstrap-fileinput
- UEditor
- 簡單調用
- 路徑問題
- 跨域多圖上傳
- 跨域單圖上傳
- UEditor圖片跨域上傳解決方案
- 定制工具欄圖標
- ajaxFileUpload
- LayUI
- 圖片上傳
- layui分頁
- 搜索頁
- 搜索優化及刪除
- Uploadify
- TP5前端應用
- 靜態首頁
- 前臺首頁功能實現
- 自定義標簽庫
- 前臺模板繼承應用
- 首頁自定義標簽改進
- 文章內容頁
- 自定義標簽改進
- 自定義標簽修正
- 圖片等比例自動縮放
- 后臺權限管理
- 角色管理
- 規則管理
- 權限設置
- 會員管理
- 權限管理
- 前臺登錄注冊功能
- 注冊登錄
- 阿里大于手機注冊
- 阿里大于升級阿里云短信服務
- 自動登錄完成
- PHP異位或加密實現自動登陸
- 微信開發
- 分享接口
- 靜態頁面實現微信分享
- 動態頁微信分享
- 頁面靜態化
- 1-全站靜態化前期配置
- 2-鏈接地址靜態化
- TP5常用片段代碼
- 加載靜態資源路徑與常量
- thinkphp5預定義常量
- 刪除某文件夾的內容
- 解壓插件包
- 異步提交插件
- 其他功能
- 背景音樂
- 手機訪問PC網站自動跳轉到手機網站代碼
- 手機微信音樂MP3播放器
- 后盾之網頁背景音樂
- 播放器寬度自適應
- 前臺首頁數據調用
- 視頻列表
- 搜索分頁
- H5解決蘋果(IOS)不能自動播放音樂
- 清空緩存
- 文件處理常識
- 刪除路徑下的所有文件夾和文件
- 一鍵清空緩存
- 評論留言
- 格式化時間
- 替換微博內容的URL地址@用戶與表情
- PHP正則理解
- jQuery評論插件
- TP空操作
- TP路由
- 跨域訪問
- 設置請其頭允許跨域請求
- 模板前臺判斷手機訪問跳轉手機網址代碼
- PHP遍歷一個文件夾下所有文件和子文件夾
- PHP獲取視頻的第一幀與時長
- TP5數據庫
- 鏈式操作原理
- update替換字段部分內容
- 后臺開發
- 后臺登錄頁居中顯示
- TP5自帶驗證碼
- JS & JQuery專題
- 二級城市聯動菜單
- 模板引擎
- 混合模板編譯
- 黃永成TP微博開發
- 消息推送
- memcache安裝
- 插件開發
- 插件介紹
- 插件鉤子
- 淺談初步理解鉤子
- 插件鉤子(hooks)分析
- 插件鉤子簡單理解
- 控制器調用插件
- 鉤子通用處理函數
- 插件基類代碼
- 插件測試代碼
- 淺談鉤子與插件
- 技術綜合
- 常用代碼
- PHP
- 56個PHP開發常用代碼片段(上)
- 56個PHP 開發常用代碼片段(中)
- 56個PHP 開發常用代碼片段(下)
- sublime text安裝自動補全注釋的插件
- 影音視頻開發
- 視頻
- H5視頻直播掃盲
- 音樂
- 語音
- PHP實現語音播報功能
- MUI
- 窗體操作