JSON-tiedoston datan hakeminen.

[K4R1]

Eli olenko oikein ymmärtänyt että JSON-tiedoston dataa voi hakea vain kun sivut on jo "ylhäällä" eli jossakin webhostissa ja se prosessi suoritetaan siellä serverillä?

Tutoriaalit antaa sen kuvan että ei onnistu JSON-testaaminen oman koneen päässä paikallisesti ellei asenna Xamppia tai vastaavaa serveriä koneelle.

 

[Humanoid]

Netistä löytyy erimerkkejä pilvin pimein, mutta tässä yksi: Minimal JSON HTTP server in python

Ei JSON-datan testaaminen paikallisesti ole siis mikään ongelma. Laitat vain linkin tapaan pienen HTTP-serverin pyörimään omalle koneelle.

EDIT: Kuuluisikohan kysymys kuitenkin tähän ketjuun oman aiheen sijasta: Pieniä kysymyksiä ohjelmoinnista

 

[Zigh]

Aloittaja voisi kuvata vähän tarkemmin mitä on tekemässä. Kyllä JSON-tiedostoa voi lukea paikallisesti millä tahansa JSONia tukevalla kielellä, ei tähän mitään webbiservereitä tarvita.

Ja tosiaan tuo pikkukysymysten ketju olisi oikeampi paikka.

 

[K4R1]

Pahoittelut, aloittelijan moka. Olin yrittänyt tehdä server-requestia "XMLhttpsRequest();" jolla hakea se JSON-tiedosto mutta tietenkään sitä serveriä ei ollut olemassa....

Olisin halunnut tietää pystyykö tuota JSON-tiedostoa lataamaan ilman että se haetaan serveriltä, mutta ainut vaihtoehto näyttää olevan että JSON-data pitäisi laittaa JavaScript-tiedoston sisälle muuttujana jolloin HTML:ssä voisi viitata esim: <script src="./data.js"></script> , mutta tuo on huono ratkaisu eikä edes validi JSON-tiedosto.

 

[Janz]

Ei tuokaan ihan hirveästi ainakaan henk. koht. avannut mitä olet tekemässä Mutta voithan sinä sen sinne data.js filuun laittaa johonkin constantin sisään?

 

[Tup3x]

Ei tuokaan ihan hirveästi ainakaan henk. koht. avannut mitä olet tekemässä Mutta voithan sinä sen sinne data.js filuun laittaa johonkin constantin sisään?

Noin se tehtäisiin jos tarkoituksena on upottaa se sivulle valmiiksi (pitää sitten ottaa huomioon skriptien latausjärjestys). Raa'an jsonin voisi heittää suoraan script elementtiin ja sitten hakea & parsia se (tuolloin pitää script elementin tyyppi muuttaa tekstiksi).

 

[greenlight]

Noin se tehtäisiin jos tarkoituksena on upottaa se sivulle valmiiksi (pitää sitten ottaa huomioon skriptien latausjärjestys). Raa'an jsonin voisi heittää suoraan script elementtiin ja sitten hakea & parsia se (tuolloin pitää script elementin tyyppi muuttaa tekstiksi).

Kyllä se kannattaa käyttää ihan oikeaa mime-tyyppiä eli application/json eikä keksiä omiaan.

Selain- / javascript-sovelluksen riippuvuuksia hallitaan aika usein npm-paketinhallintaa käyttäen ja siten sinulla lienee Node.js asennettuna. Voit asentaa yhtenä uutena riippuvuutena http-palvelimen ja testata sovellustasi sillä.

 

[Tup3x]

Kyllä se kannattaa käyttää ihan oikeaa mime-tyyppiä eli application/json eikä keksiä omiaan.

Selain- / javascript-sovelluksen riippuvuuksia hallitaan aika usein npm-paketinhallintaa käyttäen ja siten sinulla lienee Node.js asennettuna. Voit asentaa yhtenä uutena riippuvuutena http-palvelimen ja testata sovellustasi sillä.

Jos sen script tägiin tallentaa tekstinä eikä js muuttujaan, niin silloin se on puhdasta teksitä eli mime tyyppi voi varsin hyvin olla puhdas teksti. Tärkeintä on, selain käsittelee sitä pelkkänä tekstinä eikä yritä käsitellä sitä JavaScriptinä.

 

[nnaku]

Eli olenko oikein ymmärtänyt että JSON-tiedoston dataa voi hakea vain kun sivut on jo "ylhäällä" eli jossakin webhostissa ja se prosessi suoritetaan siellä serverillä?

Tutoriaalit antaa sen kuvan että ei onnistu JSON-testaaminen oman koneen päässä paikallisesti ellei asenna Xamppia tai vastaavaa serveriä koneelle.

Yritätkö nyt kertoa että kehitä jotain web staattisilla tiedostoilla?

Json et pääse käsiksi xhr kautta staatisillta tiedostoilla.

Lataa ilmainen VS code IDE ja sen kylkeen live-server plugari on taatusti varmaan helpoin tarkaisu. Yhden napin hostaus ja tiedostot serverillä päivittyy sitä mukaa kun tallennat niitä. Ja koko roska sammuu editorin mukana. Riitää pieneen räpellykseen, ja pääst json käsiksi xhr kautta.

VS code nyt alkaa olla jo web devauksen standardi työkalu, kannattaa tutustua.

 

[K4R1]

Yritätkö nyt kertoa että kehitä jotain web staattisilla tiedostoilla?

Json et pääse käsiksi xhr kautta staatisillta tiedostoilla.

Lataa ilmainen VS code IDE ja sen kylkeen live-server plugari on taatusti varmaan helpoin tarkaisu. Yhden napin hostaus ja tiedostot serverillä päivittyy sitä mukaa kun tallennat niitä. Ja koko roska sammuu editorin mukana. Riitää pieneen räpellykseen, ja pääst json käsiksi xhr kautta.

VS code nyt alkaa olla jo web devauksen standardi työkalu, kannattaa tutustua.

juu VS Code on tuttu. joskus kokeilin kun luulin sen olevan samankaltainen kuin Visual Studio (että olisi valmiita projekti-pohjia C:lle, Javalle, C#:lle jne... mutta ei ollu silloin ainakaan.) Petyin silloin siihen, mutta voisi tuota uudelleen vilkaista. Web-kehitykseen tällä hetkellä Notepad++ käyttänyt (ja Atom on myös, tosin en oo käyttäny vielä).

Ja alkuperäiseen kysymykseen löysin vastauksen: How to read an external local JSON file in JavaScript?

"You cannot make a AJAX call to a local resource as the request is made using HTTP.

A workaround is to run a local webserver, serve up the file and make the AJAX call to localhost."

Eli paikallisesti ei voi noutaa tuota dataa vaan se JSON-tiedosto on oltava serverillä.

 

[greenlight]

Eli paikallisesti ei voi noutaa tuota dataa vaan se JSON-tiedosto on oltava serverillä.

Ei vaan tarvitset http-palvelimen, joka vastaa selaimen pyyntöön. Sillä ei ole mitään väliä, onko palvelinsovellus omalla koneellasi vai jossain Kiinassa asti. Palvelimella ei tarvitse edes olla yhteyttä ulkomaailmaan vaan se voi palvella vain ns. localhostissa. Googlella löytynee jopa sovelluksia, joita ei tarvitse asentaa, vaan heität sen jonnekin levylle ja annat sille parametrina hakemiston, jonka haluat toimivan www-palvelimen juurena.