Я делаю страницу со списком продуктов (которые загружаются с использованием ajax), но я хочу отображать только 6 продуктов на странице, но я не знаю, как это сделать, и не нахожу ни одного примеры, реализующие то, что я хочу. Так, например, если у меня есть 20 продуктов, я хочу показать 6 на первой странице, 6 на второй, .. и т.д. c до последнего продукта на последней странице (страница всегда одинакова, только продукты меняются). Итак, в конце страницы у меня должна быть страница 1-n. Кто-нибудь может мне помочь? это js, который загружает продукты и показывает их один под другим:
$(document).ready(function () {
$.ajax({
type: "GET",
url: "json/projects.json",
dataType: "json",
success: function (data) {
showInfo(data);
},
});
});
function showInfo(data) {
var htmlString = "";
if (data.length == 0) {
htmlString =
"<span id = " +
"message>" +
"Non è stato trovato alcun progetto" +
"</span>";
$("#list").append(htmlString);
} else {
//altrimenti stampo data
for (i = 0; i < data.length; i++) {
//scorro tutto il mio file json
htmlString =
"<div class = " + "project id = " + data[i].id + ">" +
"<div class =" + "row-list>" +
"<div class = " + "title>" + data[i].title + "</div>" +
"<div class = " + "info>" + "<img src = " + "img/user.png>" + data[i].username + "</div>" +
"<div class = " + "info>" + "<img src = " + "img/budget.png>" + data[i].budget + "</div>" +
"<div class = " + "info>" + "<img src = " + "img/data.png>" + data[i].data + "</div>" +
"<div class = " + "flag>" + data[i].flag + "</div>" +
"</div>";
// collego al div #list le informazioni
$("#list").append(htmlString);
}
// aggiungo l'handler per visualizzare i dettagli quando un progetto viene cliccato
$(".project").click(function () {
window.location.href = "details.php?id=" + $(this).attr("id");
});
}
}