给artDialog 5.02 增加ajax get功能详细介绍
发布时间：2013-10-07 编辑：jiaochengji.com
本文将详细介绍给artDialog 5.02 增加ajax get功能的方法，按兴趣的朋友可以参考
之前用过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就不用写了}'};
复制代码 代码如下:
$.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就不用写了}'};
您可能感兴趣的文章：
给artDialog 5.02 增加ajax get功能详细介绍
jquery中ajax学习笔记3
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
从零开始学习jQuery (六) jquery中的AJAX使用
Jquery提交表单 Form.js官方插件介绍
jQuery 1.5最新版本的改进细节分析
实例讲解H5移动开发Ajax上传多张Base64格式图片到服务器
基于jQuery的ajax功能实现web service的json转化
jQuery1.5的改进细节
[关闭]