Javascript 如何将ajax响应转换为html

我有个人资料页面，用户可以上传自我评论

用json上传注释的代码

$('#profile-comment .stream-more-link').click(function (e) {
    e.preventDefault();
    //Increment stream page
    streamPage++;
    //Get post data in json
    $.ajax({
        url : "/profile/comments",
        dataType: "json",
        data: {"page":streamPage},
        success: function(response) {
            if (response.length > 0) {
                $('#commentTmpl').tmpl(response).appendTo('.stream-items');
            } else {
                $('.stream-more').hide();
            }
        }
    })
    return false;
});

jQuery模板

<script type="text/x-jquery-tmpl" id="commentTmpl">
    <div class="stream-item">
        {{if post.length}}
        <div class="article-title">
            <a class="article-title-link" href="${post.titleLink}">${post.title}</a>
        </div>
        {{/if}}
        <div class="comment level-1" id="c${comment.id}">
            <div class="comment-wrap">
                <div class="comment-img">
                    <img src="${user.foto}" width="48px" height="48px" alt="имя профиля" />
                </div>
                <div class="comment-content">
                    <a class="author" href="${user.link}">${user.name}</a>
                    <div class="text">
                        <p>${comment.content}</p>
                    </div>
                    <div class="meta">
                        ${comment.date}
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>

{{if post.length}
{{/if}
${comment.content}

${comment.date}

来自chrome JSON预览的JSON响应示例：

8: {post:[],…}
comment: {id:46298, content:<i>проверка</i>, на то как<b> </b><b><i>работает</i></b><b> </b>очистка.<br>,…}
content: "<i>проверка</i>, на то как<b> </b><b><i>работает</i></b><b> </b>очистка.<br>"
date: "20.09.2011 02:22"
id: "46298"
post: []
user: {name:moderator, link:/profile/view/username/moderator,…}
foto: "/files/user/fotos/thumb/default.jpg"
link: "/profile/view/username/moderator"
name: "moderator"
9: {post:[], comment:{id:46303,…}, user:{name:moderator, link:/profile/view/username/moderator,…}}
comment: {id:46303,…}
content: "Содержимое с <b>HTML</b>-<i>разметкой <img src="/files/emoticons/love.gif" alt="love" title="love" /><br></i>"
date: "20.09.2011 02:19"
id: "46303"
post: []
user: {name:moderator, link:/profile/view/username/moderator,…}
foto: "/files/user/fotos/thumb/default.jpg"
link: "/profile/view/username/moderator"
name: "moderator"

8:{post:[]，…}
评论：{id:46298，内容：Пааааааааааааааааааа1072
内容：“ааааааааааааааааааа107
日期：“20.09.2011 02:22”
身份证号码：“46298”
职位：[]
用户：{名称：版主，链接：/profile/view/username/版主，…}
foto:“/files/user/fotos/thumb/default.jpg”
链接：“/profile/view/username/版主”
姓名：“主持人”
9:{帖子：[]，评论：{id:46303，…}，用户：{姓名：版主，链接：/profile/view/username/版主，…}
注释：{id:46303，…}
内容：“Сжжжзззззззззззззз
日期：“20.09.2011 02:19”
id:“46303”
职位：[]
用户：{名称：版主，链接：/profile/view/username/版主，…}
foto:“/files/user/fotos/thumb/default.jpg”
链接：“/profile/view/username/版主”
姓名：“主持人”

---

注释内容不计算为html，只计算为字符串。

如果我们想在模板中输出html，我们必须使用以下结构{html varName}

更多关于这个