给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使用与关闭方法示例
相关文章
jquery checkbox全选反选效果代码,需要的朋友可以参考下。2009-11-11
这篇文章主要介绍了jQuery中:empty选择器用法,实例分析了:empty选择器的功能、定义及匹配空元素的用法技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
在我们日常开发中经常会使用到.bind()、.live()、.delegate()和.on()，有些同学会对这四者存在一些疑虑，所以下面这篇文章主要给大家介绍了关于Jquery中.bind()、.live()、.delegate()和.on()之间区别的相关资料，需要的朋友可以参考借鉴。2017-08-08
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
这篇文章主要介绍了jQueryMobile之窗体长内容的缺陷与解决方法,结合具体实例形式分析了jQueryMobile底部悬浮层遮挡情况下的解决方法,非常简单实用,需要的朋友可以参考下2017-09-09
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
这篇文章主要介绍了jQuery常用样式操作,结合实例形式分析了jQuery针对页面元素样式的获取、设置、追加、删除、判断等操作方法,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jQuery实现的上传图片本地预览效果,结合实例形式分析了jQuery上传图片本地预览所涉及的相关页面元素属性动态操作实现技巧,需要的朋友可以参考下2018-03-03
本篇文章主要是对Jquery获取元素的父容器对象的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了使用异步controller与jQuery实现卷帘式分页，使用异步controller与jQuery按需加载内容，当用户开始通过网站的内容滚动时进一步加载内容。,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了jquery选择器排除某个DOM元素的方法,也就是在选中的一些元素中,过滤一些不需要的,使用jquery not选择器实现,需要的朋友可以参考下2014-04-04
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
下面小编就为初学者们分享一篇(模仿京东用户注册)用JQuery实现简单表单验证，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
最新评论