使用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比我在这里告诉你的更强大)。

希望你喜欢它,试一试。

顺便说一句:使用作为模板的容器是完全合法的标记。 并且浏览器无论如何都不会显示它。