>웹 프론트엔드 >JS 튜토리얼 >artDialog 5.02_jquery에 ajax get 기능을 추가하는 방법에 대한 자세한 소개

artDialog 5.02_jquery에 ajax get 기능을 추가하는 방법에 대한 자세한 소개

WBOY
WBOY원래의
2016-05-16 17:48:171237검색

나는 이전에 artDialog 5.0 이전 버전을 사용해 본 적이 있으며, 저자의 창의성과 전문성에 정말 감탄합니다. 이제 새 버전의 기능은 경량 js의 편리성을 향해 발전하고 있습니다. 나는 여전히 이전의 직접적이고 직관적인 artDialog.open의 기능을 선호합니다. 편리한. 하지만 이전 버전은 약간 컸습니다. 이제 ajax의 일부 원격 콘텐츠를 artDialog에 추가하고 싶습니다. 내 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다:

$.extend({
_htmlDataArr:new Array(),
_findHTML:function(url){
var hd_len = $._htmlDataArr.length ;
for(var i=0;i{
if($._htmlDataArr[i][0]==url){
return $._htmlDataArr[i] [1]
}
}
return null
},
extDialog:function(url,options){
var options=$.extend ({okValue:'OK',cancelValue:'Cancel',lock:true,title:'Dialog'}, options)
//해당 URL이 있으면 해당 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[1]=html;
$._htmlDataArr.push(_new_get_arr); .content=html;
artDialog(options);
})
}
}
})




코드 복사
코드는 다음과 같습니다. $.extDialog('url','{parameters in artDialog, content 쓸 필요는 없습니다}'}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.