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 прописываю?....
помоги пжл)
Załączniki 2
-
1 dzień16 PLN
1 dzień16 PLN
Приветствую!
Сделаю быстро и качественно
Обращайтесь - буду рад сотрудничеству
-
1 dzień16 PLN
447 2 0 1 dzień16 PLN
Добрый день, могу помочь, недавно переносил данные из 500 файлов JSON в excel таблицу, обращайтесь
-
1 dzień16 PLN
1005 115 2 1 1 dzień16 PLN
Здравствуйте, готов помочь, обращайтесь
____________________________________________
-
1 dzień16 PLN
3777 111 3 5 1 dzień16 PLN
Здравствуйте, Антон
Готов вам помочь получить данные из 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'])
}
Есть еще вариант , попробовала ваш массив обектов
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 4 godziny 4 minuty temu ∙ 7 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 20 godzin temu ∙ 88 ofert |
Full-stack rozwójPotrzebny jest programista full-stack, który jest dostępny do pracy i nie chce od razu wzbogacić się na tym projekcie. To jest moja strona testowa: readyhome.ge prototyp, który chcę stworzyć (nie mam na myśli designu). W stopce w języku rosyjskim, wypełnij ankietę i przejdź… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 8 godzin temu ∙ 79 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 14 godzin temu ∙ 25 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 16 godzin temu ∙ 54 oferty |
Dania