Мне нужно сделать несколько запросов AJAX и отображать только 10 элементов на странице. API здесь: https://www.mockapi.io/docs говорит:
Добавьте параметры запроса к запросам GET:
/ Блоги? Страница = 1 & предел = 10
Я просто не понимаю, где поместить это в мой запрос (ы) ajax. Если я просто вставлю это в URL, это не сработает. Как мне это сделать? Я включил свой соответствующий код.
let template = `
{{#each items}}
<div class="row">
<div class="col">
<div class="card" style="width: 20rem;">
<img class="card-img-top" src="{{image}}" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">{{title}}</h4>
<p class="card-text">Price: ${{price}}</p>
<a href="#" data-name="{{title}}" data-price="{{price}}" class="add-to-cart">Add to cart</a>
</div>
</div>
</div>
</div>
{{/each}}
`;
function render(context) {
let compiled = Handlebars.compile(template);
itemsElement.innerHTML = compiled(context);
$.ajax({
url: 'http://5ceb36a60c871100140bf873.mockapi.io/v1/item?page=1&limit=10',
method: 'GET'
}).done(function (resp) {
items = {items : resp}
render(items);
});
Кнопка перехода на следующую страницу:
int page = 0;
function nextPage() {
$.ajax({
page += 1;
url: 'http://5ceb36a60c871100140bf873.mockapi.io/v1/item?page=' + encodeURIComponent(page) + '&limit=10',
method: 'GET'
}).done(function (resp) {
items = {items : resp}
render(items);
});
}