Esercizio JavaScript-JSON

M

Masti03

Guest
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

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, se puoi usare jquery diventa tutto più semplice guarda qui
 
M

Masti03

Guest
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

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Sei parecchio lontano dalla soluzione
comincia a studiarti questo codice che si limita a leggere un JSON.
 
M

Masti03

Guest
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

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
come ti dicevo con jquery diventa molto semplice
Codice: 
var text = $.getJSON( "file.json");
in javascript bisogna costruire manualmente la chiamata ajax guarda qui
 
M

Masti03

Guest
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?
 
Ultima modifica di un moderatore:
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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');
    }
}
}
 
Ultima modifica:
M

Masti03

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

Discussione RISOLTA :beer:
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
S Consiglio esercizio Javascript Javascript 2
ggt90 Esercizio javascript sugli array di oggetti Javascript 0
L esercizio javascript Javascript 0
L Semplice esercizio funzioni JavaScript Javascript 5
A esercizio javascript e form! Javascript 13
M AIUTO ESERCIZIO JAVA Javascript 1
G esercizio lista in c C/C++ 1
M [java] esercizio lunghezza array di stringhe Java 0
A [java] problema esercizio Java 0
A [java] problema esercizio array Java 5
C [PHP] problema con un esercizio PHP 2
C esercizio in c progetto eulero C/C++ 0
T [PHP] Calcolo anzianità soggetti [era: Help me :( Esercizio per me impossibile] PHP 9
M Esercizio Thread Java 0
M creazione pagina web per esercizio corso di web design Offerte e Richieste di Lavoro e/o Collaborazione 2
D Esercizio C e problema con SCL C/C++ 0
JackIlPazzo Esercizio PHP? PHP 8
K Esercizio ciclo for C/C++ 1
A Esercizio ArrayList Java 1
Z Esercizio HTTP su SSL Apache 1
L esercizio java Javascript 11
B Esercizio PDO PHP 20
C Esercizio: Inserire elenco numeri e controllare che siano di tupi numerico Javascript 2
V Esercizio javascrip Javascript 1
L Esercizio con le classi PHP 0
F esercizio csma/cd Reti LAN e Wireless 0
H Teoria: Schema Logico/concettuale Di Un Esercizio. Aiutatemi Per Favore Database 1
M Aiuto per esercizio Programmazione 0
L Esercizio, realizzare un campionato PHP 1
minatore esercizio array PHP 4
B esercizio per esame.... AIUTO!!! Javascript 4
C Esercizio Php PHP 1
E esercizio..realizzare funzione... Classic ASP 5
I Creare un banner temporaneo JavaScript Javascript 0
S Impossibile scorrere un oggetto in JavaScript Javascript 0
N Passare array da php a javascript PHP 5
L Quiz javascript funzionante da migliorare Javascript 0
P errore 404 con javascript Javascript 2
D aiuto funzioni javascript Javascript 1
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 1
F Creare elementi html con javascript Javascript 3
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7

Discussioni simili

Alto Basso