- mefistofeles: Az elhízás nem akaratgyengeség!
- Doky586: SecureBoot kulcsok frissítése (2026 nyara)
- GoodSpeed: Samsung DV90DG52A0ABLE hőszivattyús szárítógép
- Brogyi: CTEK akkumulátor töltő és másolatai
- eBay-es kütyük kis pénzért
- Magga: PLEX: multimédia az egész lakásban
- sziku69: Fűzzük össze a szavakat :)
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Flashback: Olcsó emulátoros kézi konzol R36S
- Luck Dragon: Asszociációs játék. :)
-
LOGOUT
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
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.
-
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.
-
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. -
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
-
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/
Új hozzászólás Aktív témák
- HIBÁTLAN iPhone 14 128GB Midnight -1 ÉV GARANCIA - Kártyafüggetlen, MS3240
- Lenovo ThinkPad X1 Extreme Gen3 i7-10750H 64GB 1000GB GTX1650-Ti 4K UHD 1 év gar
- Kaspersky, BitDefender, Avast és egyéb vírusírtó licencek a legolcsóbban, egyenesen a gyártóktól!
- iPhone 14 Pro Max 256GB Space Black -1 ÉV GARANCIA -Kártyafüggetlen
- 14" Dell Latitude laptopok: 5400, 5480, 5490, 7480, E6410, E6440, E5450 / SZÁMLA + GARANCIA
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest