Új hozzászólás Aktív témák

  • martonx

    veterán

    válasz lanszelot #8464 üzenetére

    Szia!

    Csináltam neked egy ilyen példát:

    Html:
    <html><head>    <title>Local json fetcher</title></head><body>    <h1>Hello my json fetcher</h1>    <div id="preview"></div>    <script src="/index.js"></script></body></html>

    Js:
    (async () => {    const previewElement = document.getElementById('preview');        const response = await fetch('data.json');    const jsonString = await response.text();        const myObject = JSON.parse(jsonString);    myObject.users.forEach(user => {        const newDiv = document.createElement('div');        newDiv.innerText = user.name;        previewElement.appendChild(newDiv);    });})()

    Json:
    {    "users": [        {            "id": 1,            "name": "Víz Elek"        },        {            "id": 2,            "name": "Flex Elek"        }    ]}

    Mivel localban csináltam, localban teszteltem, ez így garantáltan működik :)
    Remélem segítettem, és remélem ezt a megoldást kerested!

    u.i: nem tudom miért ilyen fos a PH-s kódformázás, de mindegy, majd magadnál szépre átformázod, ezt a pár sor kódot.

Új hozzászólás Aktív témák

Hirdetés