Keresés: - JavaScript topic - Fototrend Hozzászólások

LOGOUT témák

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

Keresés

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 2021-04-01 15:37:02 #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.
#8471 nevemfel senior tag lanszelot #8464

Új Válasz 2021-04-01 14:48:19 #8471
Ú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

nevemfel

senior tag

válasz lanszelot #8464 üzenetére

Ha <script src=""> megoldással behúzol egy js fájlt, akkor ez így működhet. Ha viszont a json fájlt nem akarod vagy nincs lehetőséged js fájllá átkonvertálni (az a régebbi data = {...} erről szól), akkor lokálban nem tudsz csakúgy behúzni egy json fájlt. Kell egy lokális webszerver.
#8470 sztanozs veterán lanszelot #8464

Új Válasz 2021-04-01 14:44:39 #8470
Ú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

sztanozs

veterán

válasz lanszelot #8464 üzenetére

illetve ha van fent python, akkor a gyökérkönyvtárból ez kell kiadni, hogy indíts egy egyszerű webszervert:
python -m http.server 8000
vagy ha vant fent php a gépen, akkor php -S localhost:8000
és a http://localhost:8000/ címen kiszolgálja az aktuális könyvtárat.
#8468 disy68 aktív tag lanszelot #8464

Új Válasz 2021-04-01 14:38:54 #8468
Ú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

disy68

aktív tag

válasz lanszelot #8464 üzenetére

Nem mindegy lokálban sem, hogy a böngésző által megnyitott resource protokollja http(s):// vagy file://
Egyébként ez pl. node.js-el nagyon egyszerűen orvosolható.
Telepíteni kell a node.js-t.
Aztán feltelepíted npm-el a http-server-t:
npm install http-server -g

majd a mappában, ahol vannak a fájlok elindítod:
http-server
és localhost alatt a 8080-as porton eléred http-n keresztül
#8467 coco2 őstag lanszelot #8464

Új Válasz 2021-04-01 14:36:32 #8467
Ú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

coco2

őstag

válasz lanszelot #8464 üzenetére

Mondjuk azért töltenéd fel, hogy tesztelni tudj. Ha helyi könyvtárban össze is barkácsolsz valamit, utána felrakod szerverre, és azt fogod tapasztalni, se kép, se hang, semmi. Úgy szokott kinézni az elérési utak problémája. Neked nem csak annyi van a nyakadban, hogy helyi mappából működjön valami, hanem még a szerverbeállítás ezernyi nyűge is. Ha el nem kezdesz hozzáedződni, nagyon hideg zuhany lesz utólag.
Hobby webszervert win10-hez találsz pld itt: https://www.wampserver.com/en/
#8465 sztanozs veterán lanszelot #8464

Új Válasz 2021-04-01 14:29:52 #8465
Ú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

sztanozs

veterán

válasz lanszelot #8464 üzenetére

húzz fel otthon egy webszervert, hogy tesztelni tudj...