即时数据模块设计 版本V4

版本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相同。