Что-то я все попортила - хотела сделать так:
А получилось так:
Мне с сервера приходит JSON:
А внести его на страницу я пытаюсь так:
function loadCatalog(){
$.getJSON("/update", function (data) {
console.log(data);
for (let i = 0; i < data.categories.length; i++) {
let div = $("<div></div>").addClass("alert alert-info text-center");
div.append($("<h3></h3>").text(data.categories[i].title));
div.append('<table class="table"><thead><tr>');
div.append('<th scope="col">Id</th>');
div.append('<th scope="col">Name</th>');
div.append('<th scope="col">Price (in cents)</th>');
div.append('<th scope="col">Rate</th>');
div.append('</tr></thead><tbody>');
for (let j = 0; j < data.categories[i].products.length; j++) {
div.append('<tr><th scope="row">' + data.categories[i].products[j].id + '</th>');
div.append('<td>' + data.categories[i].products[j].name + '</td>');
div.append('<td>' + data.categories[i].products[j].priceInCents + '</td>');
div.append('<td>' + data.categories[i].products[j].rate + '</td></tr>');
}
div.append('</tbody></table>');
$("#catalog").append(div).append('<br>');
}
});
}
что я делаю не так?( Я совсем зеленая в этом деле
JSON:
{
"categories": [
{
"id": 1,
"title": "Clothes category",
"products": [
{
"id": 1,
"name": "Sweater",
"priceInCents": 65458,
"rate": 45
},
{
"id": 2,
"name": "Jacket",
"priceInCents": 11111,
"rate": 89
},
{
"id": 3,
"name": "Coat",
"priceInCents": 9999,
"rate": 36
},
{
"id": 4,
"name": "Vest",
"priceInCents": 1200,
"rate": 68
},
{
"id": 5,
"name": "Shorts",
"priceInCents": 45000,
"rate": 90
},
{
"id": 6,
"name": "Casual dress",
"priceInCents": 36500,
"rate": 79
}
]
},
{
"id": 2,
"title": "Food category",
"products": [
{
"id": 7,
"name": "Meet",
"priceInCents": 2132,
"rate": 100
},
{
"id": 8,
"name": "Cookies",
"priceInCents": 1111,
"rate": 90
},
{
"id": 9,
"name": "Bread",
"priceInCents": 777,
"rate": 85
},
{
"id": 10,
"name": "Apples",
"priceInCents": 454,
"rate": 32
},
{
"id": 11,
"name": "Ice cream",
"priceInCents": 873,
"rate": 79
}
]
},
{
"id": 3,
"title": "Toys category",
"products": [
{
"id": 13,
"name": "Barbie",
"priceInCents": 12345,
"rate": 80
},
{
"id": 14,
"name": "Cycle",
"priceInCents": 65432,
"rate": 90
},
{
"id": 15,
"name": "Lorry",
"priceInCents": 10000,
"rate": 55
},
{
"id": 16,
"name": "Little hare",
"priceInCents": 6400,
"rate": 97
},
{
"id": 17,
"name": "Bricks",
"priceInCents": 1500,
"rate": 100
},
{
"id": 18,
"name": "Rocking horse",
"priceInCents": 10999,
"rate": 10
}
]
}
]
}
<tr><th scope="row">
- а должен бытьtd
? Опять же - приложите json)) только не копию из консоли, а то, что получаете с сервераList<Category>
, категория, в свою очередь, имеет полеList<Product>
и название категории, ну а продукт - цену, рейтинг, название и айдишник. Сам JSON выглядит как массив(значение) ключаcatalog
. JSON отправляется выходным потоком PrintWriter в responsecatalog:[{title:"Food category", products:[{id:1, name:"meat", price:100,rate:95}] } ]