从JSON中读取数据追加到HTML中

在写内容逻辑重复性的页面时，用json数据可以显著提高编程效率，并且便于后期的数据维护。因此，在视频专题页面，需要展示多列视频数据，我选择了用json。

HTML如下（只展示重点部分，需要引用JQ）

<div class="container-fluid content ">
        <div class="container neirong">
            <div class="left fl">
                <div class="title">
                    热门视频
                </div>
                <div class="medialist">
                </div>
            </div></div>
</div>

JS如下

<script>
        $(document).ready(function(){
    

            console.log(1111)

                    $.getJSON('data.json',function(data){
    

                        console.log(222)



                    var mediahtml="";

                    $.each(data,