給artDialog 5.02 增加ajax get功能詳細介紹

更新時間：2012年11月13日 13:46:50 作者：

本文將詳細介紹給artDialog 5.02 增加ajax get功能的方法，按興趣的朋友可以參考

之前用過artDialog 5.0之前版本，非常佩服作者的創(chuàng)意和敬業(yè)精神，現(xiàn)在新版的功能朝著輕量級js的方便發(fā)展，我還是比較喜歡之前artDialog.open的功能，直接方便。但就是之前版本有點大，我現(xiàn)在只想在artDialog增加一點從ajax get遠程內容，我的代碼如下：

復制代碼代碼如下:

 
$.extend({ 
_htmlDataArr:new Array(), 
_findHTML:function(url){ 
var hd_len= $._htmlDataArr.length; 
for(var i=0;i<hd_len;i++) 
{ 
if($._htmlDataArr[i][0]==url){ 
return $._htmlDataArr[i][1]; 
} 
} 
return null; 
}, 
extDialog:function(url,options){ 
var options=$.extend({okValue:'確定',cancelValue:'取消',lock:true,title:'對話框'}, options); 
//如果存在，則不訪問url 
var _get_html= $._findHTML(url); 
if(_get_html!=null){ 
options.content=_get_html; 
artDialog(options); 
}else{ 
$.get(url,function(html){ 
_new_get_arr= new Array(); 
_new_get_arr[0]=url; 
_new_get_arr[1]=html; 
$._htmlDataArr.push(_new_get_arr); 
options.content=html; 
artDialog(options); 
}); 
} 
} 
}); 

調用方法

復制代碼代碼如下:

$.extDialog('url','{artDialog中的參數，content就不用寫了}'};

您可能感興趣的文章:

javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法分析
這篇文章主要介紹了javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法,結合具體實例形式分析了JavaScript與jQuery針對點擊按鈕觸發(fā)事件的相關實現(xiàn)與使用技巧,需要的朋友可以參考下
2019-11-11
基于datagrid框架的查詢
今天說下基于datagrid框架的查詢，有需要的朋友可以參考一下。
2013-04-04
jQuery實現(xiàn)鼠標滑動切換圖片
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)鼠標滑動切換圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-05-05
淺談Jquery核心函數
本文給大家簡單介紹了jQuery的核心函數，以及詳細介紹了7種重載方法中的3種，十分的實用，有需要的小伙伴可以參考下。
2015-06-06
使用jQueryMobile實現(xiàn)滑動翻頁效果的方法
這篇文章主要介紹了使用jQueryMobile實現(xiàn)滑動翻頁效果的方法,較為詳細的分析了jQueryMobile實現(xiàn)滑動翻頁效果的原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
這篇文章主要是對jQuery獲取Radio,CheckBox選擇的Value值進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
QUnit jQuery的TDD框架
我今天只討論基于JavaScript的TDD，可能有些公司是用C#做js單元測試的，但我不認為這是個好主意，很多js運行時的東西讓js來返回會更直觀，且易于維護。
2010-11-11
uploader秒傳圖片到服務器完整代碼
這篇文章主要為大家詳細介紹了uploader秒傳圖片到服務器的完整代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
EasySlider 基于jQuery功能強大簡單易用的滑動門插件
Easy Slider 是一個滑動門插件，支持任何圖片或內容，當點擊時實現(xiàn)橫向或縱向滑動。它擁有一系列豐富的參數設置，可通過CSS來進行完全的控制。
2010-06-06
淺析jQuery EasyUI中的tree使用指南
這篇文章主要介紹了淺析jQuery EasyUI中的tree的用法,是根據個人對此的理解來實現(xiàn)的，需要的朋友可以參考下
2014-12-12