js 数组渲染到html页面

html页面

<div class="friends">
        <div class="index-title">
            玩家伙伴
        </div>
        <div class="top">
            <div class="title">
                车圈厂牌
            </div>
            <div class="item-box f1">
                
            </div>
        </div>
        <div class="bottom">
            <div class="title">
                跨界厂牌
            </div>
            <div class="item-box f2">
                
            </div>
        </div>
    </div>

js

// 车圈厂牌
    $.ajax({
        url: "https://car-player.cloud-top.com.cn/index.php?d=gw&c=partner&m=get_list&type=1",
        type: "GET",
        dataType: "json",
        success: function(data) {
            var data = data.data.list;
            var listHtml='';
            for(let i = 0; i < data.length; i++){
                listHtml += '<div class="item"><img src="'+data[i].cover_url+'"></div>'
            }
            $(".friends .item-box.f1").html(listHtml); 
        }
    })


    // 跨界厂牌
    $.ajax({
        url: "https://car-player.cloud-top.com.cn/index.php?d=gw&c=partner&m=get_list&type=2",
        type: "GET",
        dataType: "json",
        success: function(data) {
            var data = data.data.list;
            var listHtml='';
            for(let i = 0; i < data.length; i++){
                listHtml += '<div class="item"><img src="'+data[i].cover_url+'"></div>'
            }
            $(".friends .item-box.f2").html(listHtml); 
        }
    })

获取接口中的数组data后，for循环，把item 中要遍历的内容用data[i].xxxx来替换，然后把item放回item.box里即可