Фриланс-проекты

Фриланс-проекты

JSON

Javascript и Typescript — неверно указаны категории?

помогите понять как достучатся к объекту и его свойствам.

я пытаюсь закинуть данные с файла styles.json в showMoreStyles.js

не могу понять как вынять именно

"src"

"title"

"link"

с каждого объекта и вставить в

card.innerHTML = `

<h4>${title}</h4>

<a href=${link}>Подробнее</a>

</div>

я понимаю что здесь ${src}нужно вставить какой то путь, но какой?

может я как-то не так response прописываю?....

помоги пжл)

Ставки 6 Отклоненные 1 Обсуждения 6

Василь Заболотний

717 14

Проекты 707
Оценка 5.0
Рейтинг 58 315

Бюджет: 200 UAH Срок: 1 день

Приветствую!

Сделаю быстро и качественно

Обращайтесь - буду рад сотрудничеству

Ставку не генерировал AI

Андрій Каранько

2 0

Проекты -
Оценка -
Рейтинг 447

Бюджет: 200 UAH Срок: 1 день

Добрый день, могу помочь, недавно переносил данные из 500 файлов JSON в excel таблицу, обращайтесь

Евгений Закира

115 2

Проекты 115
Оценка -
Рейтинг 1 005

Бюджет: 200 UAH Срок: 1 день

Здравствуйте, готов помочь, обращайтесь
____________________________________________

Юрий Никоненко

111 3

Проекты 111
Оценка 5.0
Рейтинг 3 641

Бюджет: 200 UAH Срок: 1 день

Здравствуйте, Антон
Готов вам помочь получить данные из json.

С уважением, Юрий

Макс Ксенжевский 17 мая 2021

Могу помочь

Сергій Мартиненко 17 мая 2021

item.src
item.title
item.link
Если захотите отблагодарить карту могу скинуть в личку)

Антон Кукса

17 мая 2021

увы но не работает)))

если посмотрите на сам json файл, то там чтобы добраться к например к src - нужно как то пройти styles. вот собственно я и не знаю как этот путь указать в
src=${src}

Сергій Мартиненко 17 мая 2021

var request = new XMLHttpRequest();
request.open('GET', 'https://content.freelancehunt.com/projectsnippet/576d6/109a6/338754/styles.json');
request.setRequestHeader('Content-type', 'application/json; charset=utf-8');
request.send();

request.addEventListener('readystatechange', function () {

if (request.readyState === 4 && request.status == 200) {
response = $.parseJSON(request.response);
$.each(response.styles, function(i, item) {
console.log(item.src);
console.log(item.title);
console.log(item.link);
});
}
});

Только подогнать под Вашу задачу

Кристина Д. 17 мая 2021

а зачем в jason файле вы написали
"styles": [ квадратные скобки, вы хотели сделать массив ?

Кристина Д. 17 мая 2021

var styles=[ {
"src": "assets/img/styles-5.jpg",
"title": "Пастелью",
"link": "#pastel"
},
{
"src": "assets/img/styles-6.jpg",
"title": "Поп-арт",
"link": "#popart"
},
{
"src": "assets/img/styles-7.png",
"title": "Фотомозаика",
"link": "#mozaika"
},
{
"src": "assets/img/styles-8.jpg",
"title": "Шарж",
"link": "#sharj"
}
];
for(var key in styles){
/*выводим каждый src*/
console.log(styles[key]['src'])
}
Есть еще вариант , попробовала ваш массив обектов

Добавить комментарий

Антон Кукса
Дания

Проектов 23
Оценка 4.3
Рейтинг 593

JSON

Василь Заболотний

Андрій Каранько

Евгений Закира

Юрий Никоненко

Ставки скрыты

Ставки пока отсутствуют

Ставки скрыты

Актуальные фриланс-проекты в категории Javascript и Typescript

Next.js-разработчик для доработки существующего сайта

Разработка формы онлайн-записи и БД

Google exel добавить логику JS в Apps Script

Создание сайта для продажи билетов

Сайт на фреймворке Next.js (на базе React)