jquery 模板实现方式

最近要做一个组件，取的数据是一样的，但是不同的页面调用有着不一样的表形式，由于实效性等等，不能做成html缓存的方式，所有有了这样的设计.

(function($) { $.fn.say8list =function(options){ var opts = $.extend({},$.fn.say8list.defaults, options||{}); //alert(opts.host); return this.each(function(){ var $this = $(this); var mc_data={id:'mc_1',title:'mc_title',user_id:1,user_name:'name'}; var fc_data ={id:'fc_1',title:'fc_title'}; var user_data ={id:1}; var re = $.fn.say8list.make_fc(opts,fc_data,user_data); var main = $.fn.say8list.make_mc(opts,mc_data,re,user_data); //alert(main); if(opts.type=="user") { opts.json_url = $.fn.say8list.get_user_list(opts.url_param); } //alert(opts.json_url); $this.append(main); $this.append(opts.json_url); }); }; $.fn.say8list.make_fc=function(options,fc_data,user_data){ var opts = $.extend({},$.fn.say8list.defaults, options||{}); return eval(opts.fc_str); }; $.fn.say8list.make_mc=function(options,mc_data,fc_str,user_data){ var opts = $.extend({},$.fn.say8list.defaults, options||{}); return eval(opts.mc_str); }; $.fn.say8list.get_user_list=function(url_param){ return "http://"+$.fn.say8list.defaults.host+"/user_list.php?type="+url_param[0]+"&sub="+url_param[1]; }; $.fn.say8list.defaults={ host:"t.51yuncai.com", mc_str:"", fc_str:"", user_id:"", json_url:"", type:"", url_param:{} }; })(jQuery); $(document).ready(function(){ var mc_str = "function sanshi(){ str='sanshi-'+fc_str+'-'+mc_data.title;if(mc_data.user_id==opts.user_id){return str+=mc_data.user_name}else{return str }} sanshi(); "; var fc_str = "'sanshi'+fc_data.title+fc_data.id+'--'"; $("#show").say8list({fc_str:fc_str,mc_str:mc_str,user_id:1,type:'user',url_param:Array(1,2)}); });