给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 相关文章推荐
JavaScript使用prototype定义对象类型
Feb 07 Javascript
struts2 jquery 打造无限层次的树
Oct 23 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
Feb 15 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
Aug 31 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
Aug 05 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基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
apache php mysql开发环境安装教程
2016/07/28 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
详解Vue项目中实现锚点定位
2019/04/24 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
python实现根据图标提取分类应用程序实例
2014/09/28 Python
Python面向对象编程中的类和对象学习教程
2015/03/30 Python
利用Python开发实现简单的记事本
2016/11/15 Python
Python实现网站表单提交和模板
2019/01/15 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
Python猫眼电影最近上映的电影票房信息
2020/09/18 Python
Python list和str互转的实现示例
2020/11/16 Python
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
地震捐款倡议书
2014/08/29 职场文书
学校德育工作总结2015
2015/05/11 职场文书
房贷收入证明范本
2015/06/12 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android