jQuery动态渲染从服务器发送过来的数据

jQuery从服务器获取到数据动态渲染页面示例

        

            
所有的社团
        
        

            

                

                    

                        
一个面板
                    
                
            
        
    

$(document).ready(function () {
        $.ajax({
            url: "http://localhost:8080/clubIndex",
            type: 'GET',
            contentType: 'application',
            success: function (res) {
                var list = "";
                for (let i = 0; i < res.length; i++) {
                    list += '
' +
                        '                    
' +
                        '                        
' + res[i].clubName + '
' +
                        '                    
' +
                        '                
';
                }
                $("#index-club-item").append(list);
            }
        })
    })