从文件中填充html列表

时间:2013-10-07 22:30:43

标签: javascript php html css html5

我的应用主页上有几个ul。我在每个li中都有6个不同的变量(部分#,id,start,end,img,title)

我将不断更新列表的内容所以如果我能够从一个文件中动态填充页面,并且这些变量以更易于阅读/更新的方式组织,那将是一件好事。

以下是我的应用上的一个列表:

<li data-section="number" 
    id="uLAD-IrB8B0" 
    data-start="20" 
    data-end="40">
    <img src="sample.png"/>
    <div class="title">Some title</div>
</li>

我明白这可以用php完成。但是,我不确定这是否是最佳选择,或者如何朝这个方向前进。

1 个答案:

答案 0 :(得分:3)

这取决于数据的来源以及您希望如何更新此数据。

如果要从文件(或数据库)更新它,您可能需要一种AJAX类型的体系结构。可行的方法是在你的客户端上,你有一些javascript可以查询php脚本(可能发送一些数据),并接收带有一些新数据的响应,然后javascript会将这些数据写入属性你有上面的。

但是,如果您的新数据来自用户输入,那么您可以使用javascript。因此,在这种情况下,您可能有一个带有onChange处理程序的文本字段(或其他输入字段),这将更新您在上面显示的属性和内容。

如果您提供更多背景信息,我可能会给您更好的答案。

修改 我建议做一些关于AJAX开发的研究。此页面看起来很好http://www.sitepoint.com/build-your-own-ajax-web-apps/

一旦你学会了AJAX的工作方式,你就可以更好地理解所涉及的组件(javascript,php,数据库等)。 (即:你会知道你不知道的):))

我希望有所帮助。