JSON, abbreviazione di JavaScript Object Notation, rende il Web un luogo più produttivo, consentendo ai computer di scambiare dati in modo efficiente. Semplicemente creare una matrice JSON costituito da chiavi e valori e inviarlo a un altro computer..--che software del computer può estrarre i dati e utilizzarlo in una varietà di modi. Se si riceve una matrice JSON o crearla uno proprio, hai la possibilità di scorrere i dati. Come si fa, è possibile visualizzare sullo schermo i valori della matrice o archiviarli in un database per un uso successivo.
Istruzioni
1
Aprire un documento di pagina Web utilizzando blocco note o il vostro preferito HTML o un editor di testo.
2
Aggiungere il seguente codice alla sezione script del documento:
var dati = [{"Name": "John", "City": "Miami"}, {"Name": "Jill", "City": "Denver"}];
var customerNames = [];
var customerCities = [];
iterateJSON(data);
La prima istruzione crea una matrice JSON denominata "dati". Essa detiene i dati dei clienti in questo esempio. Le chiavi in questa matrice sono "Nome" e "Città". I valori per nome e città nella prima chiave sono "John" e "Miami." I valori per nome e città nella seconda chiave sono "Jill" e "Denver." Le prossime due istruzioni creano matrici vuote che conterranno i valori recuperati dalla matrice JSON. La dichiarazione finale chiama una funzione denominata "itererateJSON" e passa la matrice a tale funzione.
3
Incollare il codice riportato di seguito dopo il codice elencato nella sezione precedente:
Function iterateJSON(data) () {
var x = 1;
var counter = 0;
per (var val in dati) {
Se (data.hasOwnProperty(val))
{var customerName = dati [contatore]. Nome;
var customerCity = dati [contatore]. Città;
Alert ("Customer Name =" + customerName + "... Città cliente = "+ customerCity);
customerNames.push(customerName);
customerCities.push(customerCity);
}
contatore + +;
}
Alert ("matrice Names =" + customerNames + "... Matrice di città = "+ customerCities);
}
Questa funzione utilizza un ciclo "for" per scorrere la matrice JSON. Durante ogni iterazione, la funzione memorizza il valore di nome corrente nella matrice customerName e il valore corrente di città nella matrice customerCity. Quando il ciclo viene completato, una finestra di messaggio viene visualizzato e Visualizza i valori di quei due matrici.
4
Salvare il documento e visualizzarlo nel browser. La funzione JavaScript viene eseguito e consente di scorrere l'oggetto dati. Una finestra di messaggio si apre e visualizza ogni valore nell'oggetto. Dopo la funzione termina l'iterazione tramite l'oggetto, vengono visualizzati i valori nelle matrici customerName e customerCity.
Consigli & Avvertenze
- Questo esempio illustra la copia JSON valori, nome e città, in due matrici. Elaborare i dati in qualsiasi modo che tu voglia. Per esempio, è possibile memorizzare i valori in un database invece di metterli in matrici. Si potrebbe anche li visualizza in una tabella o griglia sulla tua pagina Web come il codice scorre l'oggetto JSON.