使用jQuery为复杂对象动态更新带有JSON的html表
我还是JSON / jQuery的新手。
我需要一些关于如何在客户端上动态填充Html表的快速指导。 我的表有固定的列,但行根据检索的数据动态增长。
假设我在服务器上有一个Web方法( GetActiveUsers
),比如n-用户。 我正在使用这个sql:
select userId, Title,Surname,FirstName from Users where status=1
请给我示例代码
编辑
我在这篇文章中有解决方案谢谢大家
这是jQote的jQuery javascript模板引擎的完美应用。 你可以从这里获取它: http : //aefxx.com/jquery-plugin/jqote 。
作为示例,请考虑以下事项:
// Example of your json data ... an array of user objects [{"Title": "Dr.", "Surname": "House", "Firstname": "Geronimo"}, {"Title": "Mr.", "Surname": "Franklin", "Firstname": "Benjamin"}]
现在,这是您在HTML(或任何输出文件)中定义的模板:
所以,我们差不多完成了。 让我们定义我们的包含表并在json数据上调用jQote来神奇地填充表。
... your markup ...
... more markup ...
这就是全部(好吧,这只是一个开始,jQote比我在这里告诉你的更强大)。
希望你喜欢它,试一试。
顺便说一句:使用作为模板的容器是完全合法的标记。 并且浏览器无论如何都不会显示它。