给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仿Windows开机启动Loading进度条的方法
Feb 26 Javascript
js添加事件的通用方法推荐
May 15 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
AngularJS实现Input格式化的方法
Nov 07 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
vue.js全局API之nextTick全面解析
Jul 07 Javascript
vue中设置height:100%无效的问题及解决方法
Jul 27 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
vue 获取视频时长的实例代码
Aug 20 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 Javascript
微信小程序背景音乐开发详解
Dec 12 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 工厂模式使用方法
2010/05/18 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
2014/08/20 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
详解WordPress开发中get_current_screen()函数的使用
2016/01/11 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
Vue服务器渲染Nuxt学习笔记
2018/01/31 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
解决pycharm无法调用pip安装的包问题
2018/05/18 Python
什么是python的id函数
2020/06/11 Python
python实现移动木板小游戏
2020/10/09 Python
python中re模块知识点总结
2021/01/17 Python
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
2017/10/26 HTML / CSS
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
会计专业个人求职信范文
2014/01/08 职场文书
网络技术专业求职信
2014/05/02 职场文书
2014年销售经理工作总结
2014/12/01 职场文书
教师教育心得体会
2016/01/19 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
Python OpenCV之常用滤波器使用详解
2022/04/07 Python
Vue组件化(ref,props, mixin,.插件)详解
2022/05/15 Vue.js