Hirdetés
- Yettel topik
- Xiaomi 14T - nem baj, hogy nem Pro
- MWC 2026: Kezünkben a minden tekintetben európai okostelefon
- iPhone topik
- Fotókon a Samsung Galaxy A57
- Samsung Galaxy Watch8 és Watch8 Classic – lelkes hiperaktivitás
- Samsung Galaxy Z Fold7 - ezt vártuk, de…
- Google Pixel topik
- Mobil flották
- Honor Magic6 Pro - kör közepén számok
-
Mobilarena
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
- Revolut
- Melyik tápegységet vegyem?
- Tápos kibeszélő offtopik
- Samsung kuponkunyeráló
- Milyen notebookot vegyek?
- HiFi műszaki szemmel - sztereó hangrendszerek
- Fejhallgató erősítő és DAC topik
- Elektromos rásegítésű kerékpárok
- Racoon City árnyékában: Teszteltük a Resident Evil Requiemet
- Meghozta a régóta várt asztali Ryzen APU-kat az AMD
- További aktív témák...
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest