给artDialog 5.02 增加ajax get功能详细介绍


Posted in Javascript onNovember 13, 2012

之前用过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就不用写了}'};
Javascript 相关文章推荐
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
做好七件事帮你提升jQuery的性能
Feb 06 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
Sep 06 Javascript
vue 自定义指令自动获取文本框焦点的方法
Aug 25 Javascript
vue+axios+element ui 实现全局loading加载示例
Sep 11 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 Javascript
javascript实现拖拽碰撞检测
Mar 12 Javascript
了不起的11个JavaScript代码重构最佳实践小结
Jan 11 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 #Javascript
Google的跟踪代码 动态加载js代码方法应用
Nov 12 #Javascript
Javascript开发之三数组对象实例介绍
Nov 12 #Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 #Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 #Javascript
php对mongodb的扩展(初识如故)
Nov 11 #Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 #Javascript
You might like
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
PHP PDOStatement::getAttribute讲解
2019/02/01 PHP
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
浅谈js中的闭包
2015/03/16 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
详解nodejs 文本操作模块-fs模块(四)
2016/12/22 NodeJs
原生js实现倒计时功能(多种格式调用)
2017/01/12 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
JS实现的base64加密解密操作示例
2018/04/18 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
详解在Python程序中自定义异常的方法
2015/10/16 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python redis 删除key脚本的实例
2019/02/19 Python
django admin组件使用方法详解
2019/07/19 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
Python实现爬取网页中动态加载的数据
2020/08/17 Python
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
大专毕业生简历的自我评价
2013/10/20 职场文书
幼儿园教研活动方案
2014/01/19 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
工程质检员岗位职责
2015/04/08 职场文书
Python 读写 Matlab Mat 格式数据的操作
2021/05/19 Python
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers