Load json once times and use the content file OUTSIDE the function

Question

sorry, can someone show me the code and explain me, how to I can load only once the json file, and use all the content file OUTSIDE the function?

    let jsonCompleto
    
    fetch('uno.json')
    .then(function (response) {
        return response.json();
    })
    .then(function (data) {
        todo = data.length
        console.log(todo)
        jsonCompleto = data
        console.log(jsonCompleto) // this return all the json file correctly
    
    })

console.log(jsonCompleto) // this return undefined
// how can load only once the json file and use all content of json file OUTSIDE the function ?

Please don't re-ask the exact same question when your previous attempts have already been closed — Phil, Nov 09 '21 at 00:10

score -2 · Accepted Answer · edited Nov 09 '21 at 00:52

-2

you can use async/await

"use strict";

const myFetch = async () => {
  const response = await fetch('https://jsonplaceholder.typicode.com/posts/1')
  return response.json()
}

const myFunc = async () => {
  data = await myFetch()
  
  console.log(data)
}

myFunc()

you can see the fetch free documetation

edited Nov 09 '21 at 00:52

Phil

157,677
23
242
245

answered Nov 09 '21 at 00:07

Franklin'j Gil'z

377
1
8

1

and now `jsonCompleto` holds a promise... – pilchard Nov 09 '21 at 00:08
with await instruction should not return a promise – Franklin'j Gil'z Nov 09 '21 at 00:13
Thanks for your response, but I recibe:Uncaught (in promise) ReferenceError: response is not defined at otro.js:20 at async myFunc (otro.js:20) – mirta Nov 09 '21 at 00:17
I update my response... and I provide a documentation – Franklin'j Gil'z Nov 09 '21 at 00:19
1

`async` functions always returns a promise. Once you enter async land that's where you live. – pilchard Nov 09 '21 at 00:20
now yes. this can works... you can use data inside the myFunction – Franklin'j Gil'z Nov 09 '21 at 00:29
thanks, now, how can I access to one value of this file. My json file: [ { "eng": "hello", "ita": "ciao" }, { "eng": "today", "ita": "hoy" }, { "eng": "yesteday", "ita": "ieri" } ] – mirta Nov 09 '21 at 00:32
by key. example data[0], data[1]... etc.. of course if is an array – Franklin'j Gil'z Nov 09 '21 at 00:34
const myFetch = async () => { const response = await fetch('uno.json') return response.json() } const myFunc = async () => { return await myFetch() } const jsonCompleto = myFunc() console.log(jsonCompleto[1]) // return indefined – mirta Nov 09 '21 at 00:38
you shold be use the data inside `myFunc`. myFunc function return a promise. add you logic inside `myFunc` – Franklin'j Gil'z Nov 09 '21 at 00:40
In strict mode, your code throws _"Uncaught (in promise) ReferenceError: data is not defined at myFunc"_ – Phil Nov 09 '21 at 00:53
thanks Franklin'j Gil'z / Pilchard and Phil !! – mirta Nov 09 '21 at 01:23

Load json once times and use the content file OUTSIDE the function

1 Answers1