javascript - 前端渲染页面

问题描述

问 题

PHP从数据库取出数据：

$datas = common::getDatas( "id,crtId,crtTime" , "audio" , [ "str" => "crtId=?" , "bind" => [ 1 ] ] );

PHP渲染：

<?php foreach ($datas as $row): ?>
<div id="photoWr" class="dis_ib font_f_c photoWr pos_r">
    <div class="imgWrw wh100 text_c">
        <div id="imgWr" class="text_c pos_r audioImg">
            <div>
                <a href="<?php echo HOST.'/audio/detHtml/id/'.$row['id'].'.html' ?>" >
                    <img class="cur_p " src="<?php echo '/view'.$row['cover'];?>">
                </a>
            </div>
        </div>
        <p title="<?php echo $row['audioName'];?>"><?php echo $row['audioName'];?></p>
    </div>
</div>
<?php endforeach; ?>

现在不想用后端渲染，想用PHP直接把数据json化发送到前端，直接由JS渲染：

$response["code"] = "1";
$response["mes"] = "ok";
$response["data"] = $datas;

发到前端的数据是这样的：

{"code":"1","mes":"ok","data":[{"id":"989","crtId":"1","crtTime":"2017-01-06 15:54:14"},{"id":"988","crtId":"1","crtTime":"2017-01-06 11:19:36"},{"id":"987","crtId":"1","crtTime":"2017-01-06 11:10:13"}]}

本菜鸟对JS不熟悉，只会一点基础的语法。想知道js怎么才能像PHP那样foreach，然后将需要的字段填充的HTML里面，而不是拼接HTML代码。前端有没有像PHP那样傻瓜式填充的技术？JS真的好难。

解决方案

有啊，js 模板引擎，简单点的有 underscore.template（只能算个模板函数），复杂点的有 handlebars 等

这篇关于javascript - 前端渲染页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！