2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

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

  • #8472 martonx veterán lanszelot #8464
    Új Válasz #8472
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    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