给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 相关文章推荐
jquery模拟按下回车实现代码
Sep 20 Javascript
JS字符串截取函数实例
Dec 27 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
基于Vue如何封装分页组件
Dec 16 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
vue-router单页面路由
Jun 17 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
vue中实现上传文件给后台实例详解
Aug 22 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 Javascript
vue实现下载文件流完整前后端代码
Nov 17 Vue.js
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
BBS(php &amp; mysql)完整版(六)
2006/10/09 PHP
解析php取整的几种方式
2013/06/25 PHP
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
2012/01/15 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
简单的js表单验证函数
2013/10/28 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
JQuery动画与特效实例分析
2015/02/02 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
javascript执行环境及作用域详解
2016/05/05 Javascript
javascript 利用arguments实现可变长参数
2016/11/21 Javascript
Web开发中客户端的跳转与服务器端的跳转的区别
2017/03/05 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
react 父子组件之间通讯props
2018/09/08 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
python 中的divmod数字处理函数浅析
2017/10/17 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
CSS3混合模式mix-blend-mode/background-blend-mode简介
2018/03/15 HTML / CSS
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
澳大利亚女装精品店:Alannah Hill
2020/07/29 全球购物
历史学专业毕业生求职信
2013/09/27 职场文书
商场拾金不昧表扬信
2014/01/13 职场文书
新员工入职感言
2014/02/01 职场文书
书法比赛获奖感言
2014/02/10 职场文书
同学聚会策划方案
2014/06/06 职场文书
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
企业法人代表证明书
2014/09/27 职场文书
寒山寺导游词
2015/02/03 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
导游词之山东八大关
2019/12/18 职场文书
Win11如何默认打开软件界面最大化?Win11默认打开软件界面最大化的方法
2022/07/15 数码科技