JSON
помогите понять как достучатся к объекту и его свойствам.
я пытаюсь закинуть данные с файла styles.json в showMoreStyles.js
не могу понять как вынять именно
"src"
"title"
"link"
с каждого объекта и вставить в
card.innerHTML = `
<div class="styles-block">
<img src=${src} alt="style">
<h4>${title}</h4>
<a href=${link}>Подробнее</a>
</div>
`;
я понимаю что здесь ${src}нужно вставить какой то путь, но какой?
может я как-то не так response прописываю?....
помоги пжл)
Додатки 2
-
1 день200 UAH
1 день200 UAH
Приветствую!
Сделаю быстро и качественно
Обращайтесь - буду рад сотрудничеству
-
1 день200 UAH
447 2 0 1 день200 UAH
Добрый день, могу помочь, недавно переносил данные из 500 файлов JSON в excel таблицу, обращайтесь
-
1 день200 UAH
1005 115 2 1 1 день200 UAH
Здравствуйте, готов помочь, обращайтесь
____________________________________________
-
1 день200 UAH
3777 111 3 5 1 день200 UAH
Здравствуйте, Антон
Готов вам помочь получить данные из json.
С уважением, Юрий
-
item.src item.title item.link
Если захотите отблагодарить карту могу скинуть в личку)
-
увы но не работает)))
если посмотрите на сам json файл, то там чтобы добраться к например к src - нужно как то пройти styles. вот собственно я и не знаю как этот путь указать в
src=${src}
-
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);
});
}
});
Только подогнать под Вашу задачу
-
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'])
}
Есть еще вариант , попробовала ваш массив обектов
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 5 годин 21 хвилина тому ∙ 10 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 1 день 21 година тому ∙ 88 ставок |
Повноцінна розробкаNeed a full-stack developer who is free for work and not looking to get rich immediately from this project. This is my test site: readyhome.ge the prototype of which I want to create (not referring to design). In the footer, there is Russian language, fill out the questionnaire… Javascript та Typescript, Веб-програмування ∙ 2 дні 10 годин тому ∙ 79 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 2 дні 15 годин тому ∙ 25 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 4 дні 17 годин тому ∙ 54 ставки |
Данія