将 AJAX 数据绑定到 html 列表模板答案

【问题标题】：Binding AJAX data to html list template将 AJAX 数据绑定到 html 列表模板
【发布时间】：2010-01-09 04:09:07
【问题描述】：

我想要 Silverlight 中的绑定等功能，但这适用于 html 和 ajax 调用。

我从服务器检索以下对象的数组，它是用户信息，其类如下所示：

public class User{
    public int UserId;
    public string ImgUrl;
    public string UserName;
}

如果我有如下列表项模板：

<div id="{USERID}">
    <img src="{ITEM_IMAGE_URL}" />
    <span>UserName: </span><span>{USERNAME}</span>
</div>

在 javascript/Jquery 中有没有一种方法可以轻松地将数据绑定到这个项目模板？

谢谢

【问题讨论】：

【解决方案1】：

Rick Strahl 有一篇关于client side templating with JQuery 选项的不错的帖子

【讨论】：

【解决方案2】：

看看这个parseTemplate Jquery 扩展的演练。它还有一个功能齐全的项目，您可以下载并运行它。该示例效果很好。

  var output = $('#MyTemplate').parseTemplate(json);
                        $('#MyTemplateOutput').html(output);

它对模板使用这种语法。

<td id="CustomerRow_<#= i.toString() #>">
 <#= cust.FirstName #>
</td>

【讨论】：