求教前端导入数据有关问题

求教前端导入数据问题
我想要在HTML的<li>标签中引入数据文件，这样以后我直接改数据文件就行了，不用把每一个HTML都改一遍，请问要怎么实现？
这是我的HTML部分代码

<td class="goods-type">

                <label>货物类型：</label>

                          <div class="ddl collapse">

                            <input type="text" placeholder="货物类型" readonly>

                            <ul>

                              <li>option A</li>

                              <li>option B</li>

                            </ul>

                          </div>

                          <div class="ddl collapse">

                            <input type="text" placeholder="包装方式" readonly>

                            <ul>

                              <li>option A</li>

                              <li>option B</li>

                            </ul>

                          </div><span class="required">*</span>

              </td>

这是数据文件data.properties

################## 下拉框内容   ###################


#所有货源类型的字符串（全部，用逗号分隔，注意，顺序不可调换，只可在后面追加）

all_goods_type=煤炭及制品,石油天然气,金属矿石,钢铁,矿建材料,水泥,木材,非金属矿石,化肥农药,盐,粮食,机械,设备电器,化工制品,有色制品,轻工,医药产品,农业产品


#所有货源包装方式的字符串（全部，用逗号分隔，注意，顺序不可调换，只可在后面追加）

all_goods_pack_method=纸箱,木箱,框架,桶装,编织袋,薄膜,框装,无包装

------解决方案--------------------
你看一下  模板引擎

我自己定义的模板引擎是这样解析的
html代码

<p>{$data1}</p>

<p>{$data2}</p>

<p>{$data3}</p>

<p>{$data4}</p>

在php里解析这个html  也就是说碰到{$data1} 就用data1代表的数据替换  碰到{$data2} 就用data2代表的数据替换......
------解决方案--------------------
你数据的项是不定，不遍历怎么能完全填充呢！