JSON-tiedoston datan hakeminen.

Liittynyt
25.04.2018
Viestejä
329
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.
 

Zigh

Tittelitön
Liittynyt
17.10.2016
Viestejä
4 662
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.
 
Liittynyt
25.04.2018
Viestejä
329
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.
 
Liittynyt
19.10.2016
Viestejä
653
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

Liittynyt
18.10.2016
Viestejä
2 332
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

BANNATTU
BANNED
Liittynyt
17.10.2016
Viestejä
1 635
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

Liittynyt
18.10.2016
Viestejä
2 332
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

I'm object-oriented!
Liittynyt
28.11.2016
Viestejä
779
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.
 
Liittynyt
25.04.2018
Viestejä
329
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

BANNATTU
BANNED
Liittynyt
17.10.2016
Viestejä
1 635
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.
 
Toggle Sidebar

Statistiikka

Viestiketjut
240 447
Viestejä
4 199 757
Jäsenet
70 907
Uusin jäsen
Deut

Hinta.fi

Ylös Bottom