JQ数据渲染JQ数据渲染笔记作者：我和我的小生活本文为作者原创，转载请注明出处：https://www.cnblogs.

JQ 数据渲染笔记

作者：我和我的小生活本文为作者原创，转载请注明出处：www.cnblogs.com/mmit/p/1262…

使用一般渲染

</div>

<script>
    $.ajax({
type: 'get',
url: "https://www.xxxxxxxxxxxxxxxxxx",
dataType: 'JSON',
success: res => {
    console.log(res);
    var article = res.Data[0].article;
    console.log(article);
    var artHtml = '';
        artHtml += "<h3 class=\"title\">",
            artHtml += article.title,
            artHtml += "</h3>",
            artHtml += "<h5 class=\"editor\">作者："
        artHtml += article.nickName,
            artHtml += "&nbsp;发布于:",
            artHtml += article.publishTime,
            artHtml += "<span class=\"time\"></span> &nbsp;阅读数:",
            artHtml += article.viewCount,
            artHtml += "<span class=\"read-number\"></span></h5>",
            artHtml += "<div class=\"detail\"><p>"
        artHtml += article.content,
            artHtml += "</p></div><span>喜欢："
        artHtml += article.likeCount,
            artHtml += "</span>"
    $('#middle').html(artHtml);
},
error: msg => {
    console.log(msg);
}

})