Como fazer paginação de uma página com vários dados?

Pessoal, tudo bem? eu estou com dúvidas para fazer a paginação de alguns dados que aparecem na tela. Usei o AJAX em javascript para criar uma página com personagens da marvel. A questão é que eu preciso colocar, no máximo, 6 dados por página, e eu queria saber se estou muito longe disso. O código (em javascript) segue abaixo:

var marvel = {
    render: function(){

        var url = "http://gateway.marvel.com/v1/public/characters?ts=1&apikey=c2caa99f3730bd6365457831d904eead&hash=f6adc9cb259ddcea9931e28841a974ee";
        var message = document.getElementById("message");
        var footer = document.getElementById("footer");
        var marvelContainer = document.getElementById("marvel-container");

        $.ajax({
            url: url,
            type: "GET", 
            beforeSend: function(){
                message.innerHTML = "Carregando...";
            },

            complete: function(){
                message.innerHTML = "carregamento Completo!";
            },
            success: function(data){
                //console.log("Chegou aqui...");
                footer.innerHTML = data.attributionHTML;
                var string = "";
                string +="<div class='row'>";
                var i=0;
                for (i=0; i<data.data.results.length;i++){
                    var element = data.data.results[i];

                    string += "<div class='col-md-4'>";
                    string += "<a href='"+element.urls[1].url+"' target='_blank'>";
                    string +="     <img src='"+element.thumbnail.path+"/portrait_fantastic."+element.thumbnail.extension+"' />"; 
                    string += "</a>"
                    string += "<h3>" +element.name+ "</h3>";
                    string += "</div>";

                    if((i+1) % 3 == 0){
                        string += "</div>";
                        string += "<div class='row'>";
                    }
                }

                marvelContainer.innerHTML = string;

            },
            error: function(){
                message.innerHTML = "We are sorry!";
            }
        });
    }
};
marvel.render();

Obrigado