给artDialog 5.02 增加ajax get功能详细介绍
作者:
本文将详细介绍给artDialog 5.02 增加ajax get功能的方法,按兴趣的朋友可以参考
之前用过artDialog 5.0之前版本,非常佩服作者的创意和敬业精神,现在新版的功能朝着轻量级js的方便发展,我还是比较喜欢之前artDialog.open的功能,直接方便。但就是之前版本有点大,我现在只想在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就不用写了}'};
复制代码 代码如下:
$.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就不用写了}'};
您可能感兴趣的文章:
- 分享2个jQuery插件--jquery.fileupload与artdialog
- artdialog的图片/标题以及关闭按钮不显示的解决方法
- artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
- artDialog双击会关闭对话框的修改过程分享
- JS中artdialog弹出框控件之提交表单思路详解
- jQuery validate+artdialog+jquery form实现弹出表单思路详解
- artDialog+plupload实现多文件上传
- plupload+artdialog实现多平台上传文件
- jQuery对话框插件ArtDialog在双击遮罩层时出现关闭现象的解决方法
- Jquery弹出窗口插件 LeanModal的使用方法
- 使用jQuery插件创建常规模态窗口登陆效果
- jQuery插件artDialog.js使用与关闭方法示例