<?php //本地伪造 模板 和 数据，即后面初始化时配置的 json.php?j=DATA/TPL
header('Content-Type: text/html; charset=GBK');
if (isset($_GET['j'])) {
    $j = $_GET['j'];
}else{
    $j = '';
}
 
if ($j == 'TPL') {
    echo "if(TEST.Util.Template) TEST.Util.Template.Detail.Tpl = function(o){ 
        var lis = '';
        for (var i=0, leng=o.arr.length;i<leng;i++) {
                lis += '<li>'+ o.arr[i] +'</li>';
        }
        var HTML = '<h1 class=\"is-title\">'+ o.name +'</h1>'+
        '<ul class=\"operation\">'+ lis +'</ul>'; 
        return HTML;
    }";
}elseif ($j == 'DATA'){
     echo "
        if(TB.Mp3.Util.Template) TB.Mp3.Util.Template.Detail.Data= [";
        for ($i=0;$i<10;$i++) {
            if ($i != 9) {
                $prefix = ",\r";
            }else {
                $prefix = "";
            }
            echo "
            {
                order : '".$i."',
                name  : '名称',
                arr : [a,b,c,d]
            }".$prefix;
        }
        echo "];";
} ?>

(function() {
TEST.namespace('Util');
var YUtil = YAHOO.util, Dom = YUtil.Dom, Event = YUtil.Event, Lang = YAHOO.lang, Get = YUtil.Get,  document = window.document, IE = YAHOO.env.ua.ie;
TEST.Util = {
        Template : {
            Helper : {
                DefConfig : { //设置无意义的默认配置
                    Type:'', //type of TPL
                    Tpl:'', //url of get TPL
                    Order:'', // the order of data
                    Data:'', //url of get data
                    Callback:function(){}//callback after insert Template
                }
            },
            Init : function(conf){
                var self = this;
		var dconf = self.Helper.DefConfig;
		var config = self.config =  Lang.merge(dconf, conf||{}); // 生成配置文件
 
                // 判断该类型模板是否需要发请求
                if ( !TEST.Util.Template[config.Type] ) {
                    TEST.Util.Template[config.Type] = {};
                    Get.script(config.Tpl); 
                }
 
                var insertData = function(){
                    var thisType = TB.Mp3.Util.Template[config.Type], _html='';
 
                    if (config.Type === 'Detail') {
                        _html = thisType.Tpl(thisType.Data[Math.floor(config.Order)]);
                    }else{
                        _html= thisType.Tpl(thisType.Data);
                    }
                    setTimeout(function(){
                        Dom.get('J_main').innerHTML = _html; // J_main 是页面上指定的 content 区域
                        if (config.Callback) config.Callback();
                    },0);
                };
 
                // 插入数据
                if ( !TEST.Util.Template[config.Type].Data ) {
                    Get.script(config.Data,{
                        timeout:300,
                        charset:'GBK',
                        onSuccess: insertData
                    }
                }else {
                    insertData();
                }
                // TODO 验证 获取的 数据和模板是否为正确的 json 格式，如不正确则提交一次验证请求获取失败原因
            }
        }
};
});

            TEST.Util.Template.Init({ //直接初始化模板咯
                Type:'Detail',
                Order: '2',
                Tpl:'json.php?j=TPL',
                Data:'json.php?j=DATA',
                Callback:function(){
                    alert('我是插入html之后要执行的回调！');
                }
            });