码迷,mamicode.com
首页 > Web开发 > 详细

基于Jquery的XML解析器,返回定制的HTML

时间:2014-08-26 17:09:06      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:http   color   java   io   ar   数据   div   cti   代码   

依据HTML模板返回解析的XML 
依赖jQuery 1.4
?1. [代码]基于Jquery的xml解析器并返回定制的HTML     
/**
 *  jQuery插件
 *  Author: purecolor@foxmail.com
 *  Date  : 2011-02-16
 *  Params: dom:XMLDocument ,
 *          _default:{
 *              reg:匹配标签正则,
 *              lc:标签左结束符,
 *              rc:标签右结束符,
 *              script:是否包含script,
 *              scriptID:包含script的节点,
 *              tplBox:模板,
 *              tplhtml:信息条目
 *          }
 *  Return: HTMLDocument
 *  Note  : XML处理插件
 *           
 */
(function($){
    $.fn.extend({
        parseXML:function(dom,option){
            var that=$(dom);
            var html={};
            var tpl=‘‘;
             
            //配置数据
            var _default={
                reg:/\{\w+\}/gi,
                lc:‘{‘,
                rc:‘}‘,
                script:true,
                scriptID:‘script‘,
                tplBox:‘<ul class="indexiframelist skin3">{item}</ul>{more}‘,
                tplhtml:{
                    item:‘<li><a href="{link}"><span class="timer">{pubDate}</span>{title}</a></li>‘,
                    more:‘<div class="moreLink"><a href="{link}">{title}</a></div>‘,
                    script:‘function {funcationname}{{funcationcode}}‘
                }背景音乐http://www.huiyi8.com/bgm/?
            }       
            var option=$.extend(_default,option);
             
            //开始处理tplBody
            $.each(option.tplhtml,function(o,str){
                var rego=str.match(option.reg);
                html[o]=[];
                $(o,that).each(function(){
                    var D=$(this),shtml=str;
                    $.each(rego,function(i,c){
                        shtml=shtml.replace(c,D.find(c.replace(option.lc,‘‘).replace(option.rc,‘‘)).text());
                    }); 
                    html[o].push(shtml);
                });
            }); 
             
            //开始处理tplBox
            var tplHtml=option.tplBox;
            tpl=option.tplBox.match(option.reg);
            $.each(tpl,function(i,c){
                tplHtml=tplHtml.replace(c,html[c.replace(option.lc,‘‘).replace(option.rc,‘‘)].join(‘‘));
            }); 
             
            //向页面添加script
            if(option.script){          
                var script=document.createElement(‘script‘);
                script.type="text/javascript";
                script.text=html[option.scriptID].join(‘‘);
                $(‘html > head‘).append(script);
            }   
             
            return tplHtml;
        }
    });
})(jQuery);
?

基于Jquery的XML解析器,返回定制的HTML

标签:http   color   java   io   ar   数据   div   cti   代码   

原文地址:http://www.cnblogs.com/xkzy/p/3937515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!