Esercizio JavaScript-JSON

Masti03 · 7 Lug 2015

Devo fare un esercizio in cui ho un link che fornisce dati in JSON e attraverso il JavaScript devo visualizzare i dati in formato di testo semplice.
Essendo nuovo in questo ambito (Sono nuovo del settore JavaScript xD), non ho ben capito come dovrei agire!

Qualche idea?
(non chiedo l'esercizio fatto ma delle indicazioni su come procedere contando che sono alle prime armi con questo linguaggio di programmazione anche se ne conosco altri)

criric · 8 Lug 2015

Ciao, se puoi usare jquery diventa tutto più semplice guarda qui

Masti03 · 9 Lug 2015

Non è specificato se posso usare jquery o meno quindi preferirei evitare se è possibile, in ogni caso provando sono riuscito ad avere dei risultati ma non capisco il perchè una cosa del genere non mi funziona!

dati json:
{"nome" : "Mario", "cognome" : "Rossi"}

file html:

<!DOCTYPE html{"user_folder":"http://www.w3schools.com/json/myTutorials.js"}>
<html>
<body>

<div id="id01"></div>
<script language=JavaScript>
document.write(oggetto.nome);
</script>
<script src="p2.JSON"></script>
</body>
</html>

Mi restituisce pagina bianca quando, da quanto ho capito da qui http://www.html.it/articoli/introduzione-a-json-1/, dovrebbe restituirmi Mario.

criric · 9 Lug 2015

Sei parecchio lontano dalla soluzione
comincia a studiarti questo codice che si limita a leggere un JSON.

Masti03 · 9 Lug 2015

Ok il pezzo lo ho capito e mi funziona anche copiando i miei dati JSON e modificandolo un po'.
Quello che (abbi pazienza) non capisco è come sostituire il pezzo

var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

Con un link da cui prendere i dati.

Cioè io ho dei dati JSON scritti su una pagina web e vorrei fare la stessa cosa che faccio con i dati scritti nello stesso file come nell'esempio che mi hai linkato.

Scusa ma sono nuovo dell'ambiente, finora ho fatto linguaggi molto diversi e da poco mi sto approcciando ad html css e javascript quindi molte cose faccio ancora fatica a capirle.

criric · 10 Lug 2015

come ti dicevo con jquery diventa molto semplice

Codice:

var text = $.getJSON( "file.json");

in javascript bisogna costruire manualmente la chiamata ajax guarda qui

Masti03 · 13 Lug 2015

Ti ringrazio della risposta, è stata utile per farmi capire come funzionerebbe usando jquery!

Alla fine ho risolto in questo modo:

Codice:

var xmlhttp = new XMLHttpRequest();
	var url = "URL DA CUI PRENDERE I DATI";

	xmlhttp.open("GET", url, true);
	xmlhttp.send();

	xmlhttp.onreadystatechange = function()
	{
    	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

		arr = JSON.parse(xmlhttp.responseText);
		myFunction(arr);
	}

....

A me in questo modo funziona, riesco a prendere i dati dall'url e poi con il programma che non sono stato qui a copiare, li formatto come mi richiede l'esercizio!
È una modalità corretta di procedere?

criric · 13 Lug 2015

Molto bene :fonzie:
dovresti solo fare qualcosa nel caso in cui la chiamata ajax non andasse a buon fine: avvisare, reindirizzare o loggare

Codice:

if (xmlhttp.readyState == 4) {
    if(xmlhttp.status == 200) {
        // codice
    }else {
        alert("Attenzione qualcosa è andato storto');
    }
}
}

Masti03 · 15 Lug 2015

Ottimo, grazie mille per la pazienza e per tutto l'aiuto che mi hai dato!

Discussione RISOLTA :beer:

Cerca

Cerca

Esercizio JavaScript-JSON

Masti03

Guest

criric

Super Moderatore

Masti03

Guest

criric

Super Moderatore

Masti03

Guest

criric

Super Moderatore

Masti03

Guest

criric

Super Moderatore

Masti03

Guest

Discussioni simili