Diferència entre revisions de la pàgina «JavaScript: JSON»
De Wikimir
(→Què és JSON?) |
(→Exemple. Crea objecte a partir d'una cadena JSON) |
||
| Línia 96: | Línia 96: | ||
</script> | </script> | ||
| + | </body> | ||
| + | </html> | ||
| + | </pre> | ||
| + | |||
| + | |||
| + | |||
| + | == Exemple. Crea objecte a partir d'una cadena JSON. eval() == | ||
| + | |||
| + | <pre> | ||
| + | <!DOCTYPE html> | ||
| + | <html> | ||
| + | <body> | ||
| + | |||
| + | <h2>Create Object from JSON String</h2> | ||
| + | <p id="demo"></p> | ||
| + | <script> | ||
| + | var txt = '{"employees":[' + | ||
| + | '{"firstName":"John","lastName":"Doe" },' + | ||
| + | '{"firstName":"Anna","lastName":"Smith" },' + | ||
| + | '{"firstName":"Peter","lastName":"Jones" }]}'; | ||
| + | |||
| + | var obj = eval ("(" + txt + ")"); | ||
| + | |||
| + | document.getElementById("demo").innerHTML = | ||
| + | obj.employees[1].firstName + " " + obj.employees[1].lastName; | ||
| + | // també employees[0]["firstName"] + " " + employees[0]["lastName"]; | ||
| + | |||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
</pre> | </pre> | ||
Revisió del 17:46, 26 oct 2016
En aquest article de JavaScript s'aborden els vectors.
Contingut
Què és JSON?
JSON són les sigles de JavaScript Object Notation.
JSON és un format per a desar i enviar informació. Freqüentment s'utilitza quan s'envia informació des del servidor a una pàgina web.
JSON és independent del llenguatge, lleuger i és auto-descriptiu i fàcil d'entendre. No té res a veure amb JavaScript, però JavaScript fa ús de JSON sovint.
Per exemple:
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
La seva sintaxi és idèntica a la sintaxi de JavaScript per a crear objectes. Per aquest motiu és molt fàcil convertir dades JSON a objectes Javascript.
Regles de sintaxi:
- Les dades es troben en parells nom/valor.
- Les dades se separen per comes.
- Els "{" contenen objectes
var jsonobj = {"firstName":"John", "lastName":"Doe"}
- Els "[" contenen arrays. Ex: Array d'objectes
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter","lastName":"Jones"}
]
Exemple. Un objecte a partir d'una cadena JSON
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p id="demo"></p>
<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';
var obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.name + "<br>" + obj.street + "<br>" + obj.phone;
</script>
</body>
</html>
Exemple. Array d'objectes
<!DOCTYPE html>
<html>
<body>
<p>How to create a JavaScript object array.</p>
<p id="demo"></p>
<script>
var employees = [
{ "firstName":"John", "lastName":"Doe" },
{ "firstName":"Anna", "lastName":"Smith" },
{ "firstName":"Peter", "lastName":"Jones" }
];
document.getElementById("demo").innerHTML =
employees[0].firstName + " " + employees[0].lastName;
</script>
</body>
</html>
Exemple. Crea objecte a partir d'una cadena JSON
<!DOCTYPE html>
<html>
<body>
<h2>Create Object from JSON String</h2>
<p id="demo"></p>
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
</body>
</html>
Exemple. Crea objecte a partir d'una cadena JSON. eval()
<!DOCTYPE html>
<html>
<body>
<h2>Create Object from JSON String</h2>
<p id="demo"></p>
<script>
var txt = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
var obj = eval ("(" + txt + ")");
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
// també employees[0]["firstName"] + " " + employees[0]["lastName"];
</script>
</body>
</html>
