Как прочитать данные json по ссылке?

Question

[Chesterfield25]

У меня есть пример в котором читает данные в json формате, которые преобразовывает серверная часть

async function getPosts() {
    let res = await fetch('https://jsonplaceholder.typicode.com/posts');
    let posts = await res.json();

    posts.forEach(post => {
        document.querySelector('.post-list').innerHTML += `
        <div class="card" style="...">
            <div class="card-body">
                <h5 class="card-title">${post.title}</h5>
                <p class="card-text">${post.body}</p>
                <a href="#" class="card-link">Подробнее</a>
            </div>
        </div>`
        
        
    });
}
getPosts();

А как мне непосредственно прочитать сам json файл, скажем если бы ссылка была на него такого плана https://jsonplaceholder.typicode.com/posts.json

Comments

[Aetae]

Первые две строчки именно это и делают, поменяй ссылку и читай, в чём, блин, вопрос?

// Если там ссылка на чужой сайт - ответ никак.
// Использовать element.innerHTML += 'text' нельзя, потому что это шорткат для element.innerHTML = element.innerHTML + 'text', что сбрасывает всё содержимое element и отрисовывает его заново.

[Chesterfield25]

Aetae, Ну так я указываю ссылку на свой json фал но чтение не происходит

[Aetae]

Chesterfield25, если не происходит чтение, значит происходит что-то другое. Включи ошибки и предупреждения в консоли и почитай что тебе напишет.

[Chesterfield25]

Aetae,

Uncaught (in promise) TypeError: Failed to fetch
    at getPosts (main.js:2)
    at main.js:18

[Aetae]

Chesterfield25, открой вкладку network(сеть) и посмотри что там за http код и возможно текст.

[Chesterfield25]

Aetae,

[Aetae]

Chesterfield25, вкладка сеть правее.

// этот код отличается от того что ты показал в вопросе, но пока это не имеет значения.

Answer 1

[Григорий]

fetch('https://jsonplaceholder.typicode.com/posts.json')
// получили Джейсон с сервера
.then( anyName => anyName.json() )
// Преобразовали Джейсон в объект джаваскрипи
.then ( againAnyName => {
 console.log(againAnyName)
let jsonFile = againAnyName;
}
// выводим полученный объект в консоль, и/или присваиваем объект новой переменной

Как-то так, полагаю