给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笔试题目附答案@20081025_jb51.net
Oct 26 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
pm2启动ssr失败的解决方法
Jun 29 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 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正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
php获取四位字母和数字的随机数的实现方法
2015/01/09 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
js用正则表达式来验证表单(比较齐全的资源)
2013/11/17 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
jQuery在header中设置请求信息的方法
2017/03/06 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
详解小程序之简单登录注册表单验证
2019/05/13 Javascript
node 标准输入流和输出流代码实例
2019/09/19 Javascript
使用python实现tcp自动重连
2017/07/02 Python
linux环境下Django的安装配置详解
2019/07/22 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
python语言是免费还是收费的?
2020/06/15 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
Grid 宫格常用布局的实现
2020/01/10 HTML / CSS
酒店员工职业生涯规划
2014/02/25 职场文书
预备党员转正材料
2014/12/19 职场文书
入党现实表现材料
2014/12/23 职场文书
单位介绍信格式
2015/01/31 职场文书
集结号观后感
2015/06/08 职场文书
五年级语文教学反思
2016/03/03 职场文书
python turtle绘图
2022/05/04 Python
VUE递归树形实现多级列表
2022/07/15 Vue.js