Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
  • PROHARDVER!
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    PROHARDVER!

    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

  • martonx martonx veterán
    #8472
    #8464 lanszelot
    Új Válasz
    Ú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
    martonx
    martonx
    veterán
    #8464 lanszelot

    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