fetch(`./User.json`, { method: "get" }) .then(response => response.json()) .then(data => data.results.forEach(result => (list.innerHTML += template(result))) ) .catch(error => console.log(error));Quiero agregar algunos datos json. cual es la solución. Ese es mi código.
Suponiendo que desea que se completen todas las solicitudes, independientemente de su estado de respuesta, entonces Promise.allSettled() es una excelente opción
// handy "get" shortcut with error handling const get = async (url) => { const res = await fetch(url) // "GET" is the default method if (!res.ok) { throw new Error(`${res.status}: ${await res.text()}`) } return res.json() } const urls = ["./Foo.json", "./Bar.json", "./Baz.json"] Promise.allSettled(urls.map(get)).then(responses => { const data = responses .filter(({ status }) => status === "fulfilled") .map(({ value }) => value) })Puede usar el método Promise.all para obtener los valores de las llamadas de búsqueda una vez que se hayan resuelto todas las promesas, obtendrá los valores en una matriz que puede destruir como se muestra a continuación
Promise.all([fetch(`./User.json`, { method: "get" }).then(response => response.json())]), fetch(`./Products.json`, { method: "get" }).then(response => response.json())]).then([users, products]=> users.results.forEach(result => (list.innerHTML += template(result))) )