给artDialog 5.02 增加ajax get功能详细介绍
更新时间：2012年11月13日 13:46:50 作者：
本文将详细介绍给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使用与关闭方法示例
相关文章
javascript/jquery实现点击触发事件的方法分析
这篇文章主要介绍了javascript/jquery实现点击触发事件的方法,结合具体实例形式分析了JavaScript与jQuery针对点击按钮触发事件的相关实现与使用技巧,需要的朋友可以参考下2019-11-11
今天说下基于datagrid框架的查询，有需要的朋友可以参考一下。2013-04-04
这篇文章主要为大家详细介绍了jQuery实现鼠标滑动切换图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本文给大家简单介绍了jQuery的核心函数，以及详细介绍了7种重载方法中的3种，十分的实用，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要介绍了使用jQueryMobile实现滑动翻页效果的方法,较为详细的分析了jQueryMobile实现滑动翻页效果的原理与实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
jQuery获取Radio,CheckBox选择的Value值(示例代码)
这篇文章主要是对jQuery获取Radio,CheckBox选择的Value值进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
我今天只讨论基于JavaScript的TDD，可能有些公司是用C#做js单元测试的，但我不认为这是个好主意，很多js运行时的东西让js来返回会更直观，且易于维护。2010-11-11
这篇文章主要为大家详细介绍了uploader秒传图片到服务器的完整代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
EasySlider 基于jQuery功能强大简单易用的滑动门插件
Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。2010-06-06
这篇文章主要介绍了浅析jQuery EasyUI中的tree的用法,是根据个人对此的理解来实现的，需要的朋友可以参考下2014-12-12
最新评论