javascript - 使用模板库从 ajax 请求接收 json 数据后生成 html 代码的最佳方法是什么？

Question

我正在做这样的事情，但它的风格有点痛苦。有没有其他方法像使用模板？

   <div id="resultpanel"></div>

    <script>
    function parseData(jsonresults){
        var results = JSON.parse(jsonresults);
        jQuery("#resultpanel").empty();

        for(var i=0;i<results.length;i++){
            var divph = document.createElement("div");
            var img = document.createElement("img");
            var p = document.createElement("p");

            img.src=results[i].logoname;
            p.innerHTML=results[i].perigrafh;
            jQuery(divph).append(img);
            jQuery(divph).append(p);            
            jQuery("#resultpanel").append(divph);   

        }       
     }
    </script>

谢谢

Answer 1

你可以看看underscore templates对于一些非常简单的东西，或者类似 mustache.js 的东西或 handlebars.js对于更复杂的东西。