Come ricevere e analizzare i dati JSON dal server

JSON è un formato dati popolare utilizzato per scambiare informazioni tra server e applicazioni Web. I dati che ricevi da un server sono sotto forma di "corda,"E puoi usare il"JSON.parse ()"Metodo per convertire la stringa in un oggetto JavaScript.

Questo articolo spiegherà l'uso del JSON.Metodo Parse () in JavaScript. Inoltre, gli esempi relativi al JSON.Verranno dimostrato il metodo Parse () per analizzare stringhe, array, oggetti della data e funzioni. Quindi iniziamo!

Cos'è JSON.Metodo Parse ()

Il json.Il metodo Parse () accetta una stringa come argomento e la converte in un oggetto JavaScript. Qui, l'analisi è il processo che divide le stringhe in parti diverse e quindi identifica la loro relazione tra loro.

Sintassi di JSON.Metodo Parse ()

JSON.Parse (String, funzione)

La sintassi di cui sopra afferma che il JSON.Il metodo Parse () accetta "corda"Scritto in formato JSON valido e"funzione"È un parametro opzionale aggiunto per trasformare i risultati.

Esempio: JSON.Metodo Parse () per l'analisi della stringa in JavaScript

Nel seguente esempio, analizzeremo i dati utilizzando JSON.Metodo Parse (). Prima di tutto, memorizzeremo i dati ricevuti in "String1"Variabile come stringa:

const string1 = '"name": "Alex", "Age": 25, "City": "Paris"'

Nel prossimo passaggio, invoceremo il JSON.Metodo Parse () per la conversione "String1"In un"obj"Oggetto:

const obj = json.parse (string1);

Puoi anche controllare il tipo di "String1" E "obj"Usando il"tipo di()" funzione:

console.log (typeof (string1));
console.log (typeof (obj));

Infine, accederemo ai valori di "nome" E "età"Proprietà dall'oggetto convertito e mostralo come output:

console.registro (obj.nome + "," + obj.età);

È possibile utilizzare qualsiasi sandbox di codifica online o il tuo editor di codice preferito per l'esecuzione del programma JavaScript fornito; Tuttavia, useremo il codice Visual Studio:

Eseguimo il programma di cui sopra utilizzando il "Server live"Estensione del codice VS. Verrà visualizzato "Alex" COME "nome" e il suo età COME "25"E mostra anche il tipo di"String1" E "obj"Nella finestra della console:

JSON.Metodo Parse () per l'angolo di analisi in JavaScript

In JavaScript, il JSON.Il metodo Parse () può essere invocato su un oggetto JSON che deriva da un array a seguito di esso, questo metodo restituisce un array JavaScript piuttosto che un oggetto.

Esempio: JSON.Metodo Parse () per l'angolo di analisi in JavaScript

Nell'esempio seguente, analizzeremo un array chiamando il JSON.Metodo Parse (). Creeremo un oggetto "myarray"Analisi del JSON"testo" corda:

const text = '["mela", "mango", "pera", "prug"]';
const myarray = json.parse (testo);

Quindi, otterremo il contenuto dell'elemento array e lo mostreremo nel paragrafo:

console.log (MyArray [0]);

L'elemento presente all'indice "0" Di "myarray"Può essere visto nell'output:

JSON.Metodo Parse () per la data di analisi in JavaScript

La sintassi di JSON non ti consente di utilizzare gli oggetti della data. Se si desidera creare un oggetto Data nel tuo programma JavaScript, è necessario aggiungerlo come stringa, che può essere convertita in un oggetto Data.

Esempio: JSON.Metodo Parse () per la data di analisi in JavaScript

Nell'esempio seguente, abbiamo incluso "Data di nascita" nel "testo" corda:

const text = '"name": "Alex", "Birthdate": "1998-01-25", "City": "Paris"';

Invocando il JSON.Metodo Parse (), analizziamo il "testo" corda:

const obj = json.parse (testo);
Quindi, nel passaggio successivo, convertiremo la stringa analizzata all'oggetto data nel modo seguente:
[cc lang = "javascript" width = "100%" height = "100%" sfuggito = "true" tema = "blackboard" NowRap = "0"]
obj.nascita = nuova data (OBJ.Data di nascita);
console.registro (obj.nome + "," + obj.nascita);

Ecco l'output che abbiamo ottenuto dall'esecuzione del codice di cui sopra:

JSON.Metodo Parse () per le funzioni di analisi in JavaScript

Simile all'oggetto data, anche le funzioni non sono consentite nel formato JSON. Per includere una funzione in JSON.Metodo Parse (), devi aggiungerlo come stringa e quindi convertirlo in una funzione.

Esempio: JSON.Metodo Parse () per le funzioni di analisi in JavaScript

Analizzeremo le funzioni usando il JSON.Parse () funzioni nell'esempio seguente. In primo luogo, aggiungeremo una stringa che comprende una funzione per "età"Proprietà e tornerà"25":

const text = '"name": "alex", "age": "function () return 25;", "città": "paris"';

Quindi, analizzeremo il "testo"E crea un oggetto JSON per memorizzare il valore:

const obj = json.parse (testo);

Dopo averlo fatto, utilizzeremo il "Valuta ()"Funzione JavaScript per la valutazione della stringa di età come codice JavaScript e per la sua esecuzione:

obj.età = eval ("(" + obj.età + ")");

Infine, otterremo il "obj.nome" E "obj.età"Valori e visualizzarlo nel paragrafo aggiunto:

console.registro (obj.nome + "," + obj.età());

L'output fornito mostra che la funzione aggiunta viene analizzata con successo utilizzando il JSON.Metodo Parse ().

Conclusione

In JavaScript, il JSON.parse () Il metodo viene utilizzato per l'analisi della stringa, che è i dati ricevuti dal server web. JSON.Il metodo Parse () restituirà quindi un oggetto JavaScript e puoi accedere ai dati analizzati con l'aiuto di esso. Questo articolo ha spiegato l'uso del JSON.Metodo Parse () in JavaScript. Inoltre, gli esempi relativi al JSON.Metodo Parse () per analizzare stringhe, array, oggetti da data e funzioni sono anche dimostrati in questo articolo.