给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编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
jquery select动态加载选择(兼容各种浏览器)
Feb 01 Javascript
javascript与有限状态机详解
May 08 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
springMVC结合AjaxForm上传文件
Jul 12 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
JScript实现表格的简单操作
Aug 15 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
js字符串倒序的实例代码
Nov 30 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 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代码
2007/03/08 PHP
php基础教程 php内置函数实例教程
2012/08/21 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
javascript中onmouse事件在div中失效问题的解决方法
2012/01/09 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
JSON字符串操作移除空串更改key/value的介绍
2019/01/05 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
JS实现4位随机验证码
2020/10/19 Javascript
[01:06:26]全国守擂赛第二周 Team Coach vs DeMonsTer
2020/04/28 DOTA
Python中关于字符串对象的一些基础知识
2015/04/08 Python
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
2017/04/18 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
Python中@property的理解和使用示例
2019/06/11 Python
python中bytes和str类型的区别
2019/10/21 Python
Python中Qslider控件实操详解
2021/02/20 Python
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
英国泽西岛植物:Jersey Plants Direct
2019/08/07 全球购物
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
培训心得体会
2013/12/29 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS