版本V4
 
 
 
实现基准：ajax加载模板内容，然后填充。
 
 
 
还是本地测试，ajax加载模板内容，也就是服务器返回文本内容，可以这么测试：
 
 
 
增加html代码：
 
 
 
<div id="table_content">
 
 
 
</div>
 
 
 
修改function init()内代码,就修改了这几段：
 
 
 
var table_basic_html = "";
 
 
 
var table_head_html =
 
 
 
'<table ;100%" border="0" align="center" cellpadding="0" cellspacing="1" class="lTb05" id="score_table"><div id="hide_json" style="display:none;">{"选手":"name","第一节":"section_1","第二节":"section_2","第三节":"section_3","第四节":"section_4","加时1":"overtime_1","加时2":"overtime_2","总分":"totalScore"}</div></table>';
 
 
 
           
 
 
 
   jQuery("#table_content").html(table_head_html);
 
 
 
 
 
 
            var th_names_json
 
 
 
  = JSON.parse(jQuery("#hide_json").html());
 
 
 
           
 
 
 
   var th_names_len = getJsonLength(th_names_json);
 
 
 
看代码：
 
 
 
<div id="hide_json" style="display:none;">{"选手":"name","第一节":"section_1","第二节":"section_2","第三节":"section_3","第四节":"section_4","加时1":"overtime_1","加时2":"overtime_2","总分":"totalScore"}</div>
 
 
 
假设这是ajax获得的内容（如果动态加载js，比较麻烦，想了一个办法，把json对象放到隐藏div里面），我们可以这样子处理：
 
 
 
jQuery("#table_content").html(table_head_html);
var th_names_json  = JSON.parse(jQuery("#hide_json").html());
同时，这里也卖个关子，定义了：  var json={"t_1_name":"美国男子篮球队","t_2_name":"立陶宛男子篮球队"};
其他代码跟V3相同。