給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遠程內(nèi)容，我的代碼如下：
$.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);
});
}
}
});
調(diào)用方法
$.extDialog('url','{artDialog中的參數(shù)，content就不用寫了}'};
復(fù)制代碼 代碼如下:
$.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);
});
}
}
});
調(diào)用方法
復(fù)制代碼 代碼如下:
$.extDialog('url','{artDialog中的參數(shù)，content就不用寫了}'};
您可能感興趣的文章:
- 分享2個jQuery插件--jquery.fileupload與artdialog
- artdialog的圖片/標題以及關(guān)閉按鈕不顯示的解決方法
- artDialog 4.1.5 Dreamweaver代碼提示/補全插件 附下載
- artDialog雙擊會關(guān)閉對話框的修改過程分享
- JS中artdialog彈出框控件之提交表單思路詳解
- jQuery validate+artdialog+jquery form實現(xiàn)彈出表單思路詳解
- artDialog+plupload實現(xiàn)多文件上傳
- plupload+artdialog實現(xiàn)多平臺上傳文件
- jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法
- Jquery彈出窗口插件 LeanModal的使用方法
- 使用jQuery插件創(chuàng)建常規(guī)模態(tài)窗口登陸效果
- jQuery插件artDialog.js使用與關(guān)閉方法示例
相關(guān)文章
javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法分析
這篇文章主要介紹了javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法,結(jié)合具體實例形式分析了JavaScript與jQuery針對點擊按鈕觸發(fā)事件的相關(guān)實現(xiàn)與使用技巧,需要的朋友可以參考下2019-11-11
今天說下基于datagrid框架的查詢，有需要的朋友可以參考一下。2013-04-04
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)鼠標滑動切換圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
本文給大家簡單介紹了jQuery的核心函數(shù)，以及詳細介紹了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
我今天只討論基于JavaScript的TDD，可能有些公司是用C#做js單元測試的，但我不認為這是個好主意，很多js運行時的東西讓js來返回會更直觀，且易于維護。2010-11-11
這篇文章主要為大家詳細介紹了uploader秒傳圖片到服務(wù)器的完整代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
EasySlider 基于jQuery功能強大簡單易用的滑動門插件
Easy Slider 是一個滑動門插件，支持任何圖片或內(nèi)容，當(dāng)點擊時實現(xiàn)橫向或縱向滑動。它擁有一系列豐富的參數(shù)設(shè)置，可通過CSS來進行完全的控制。2010-06-06
這篇文章主要介紹了淺析jQuery EasyUI中的tree的用法,是根據(jù)個人對此的理解來實現(xiàn)的，需要的朋友可以參考下2014-12-12