JSON in javascript & PHP

Polin Chen

·

Follow

Published in

code.pi

·

1 min read

·

Jun 11, 2017

--

Listen

Share

JSON vs XML

• json format

{"employees":[
    { "firstName":"John", "lastName":"Doe" },
    { "firstName":"Anna", "lastName":"Smith" },
    { "firstName":"Peter", "lastName":"Jones" }
]}

• xml format

<employees>
    <employee>
        <firstName>John</firstName> <lastName>Doe</lastName>
    </employee>
    <employee>
        <firstName>Anna</firstName> <lastName>Smith</lastName>
    </employee>
    <employee>
        <firstName>Peter</firstName> <lastName>Jones</lastName>
    </employee>
</employees>

JSON Uses JavaScript Syntax

• 指定json 格式內容

var person = { “name”:”John”, “age”:31, “city”:”New York” };

• 取得json 的內容

person.name;
person["name"];

• 修改json 的內容

person.name = "Gilbert";
person["name"] = "Gilbert";

Nested JSON Objects

• example

myObj = {
    "name":"John",
    "age":30,
    "cars": {
        "car1":"Ford",
        "car2":"BMW",
        "car3":"Fiat"
    }
 }x = myObj.cars.car2;
x = myObj.cars["car2"];

• JSON.parse

var text = '{ "name":"John", "age":"function () {return 30;}", "city":"New York"}';
var obj = JSON.parse(text);
obj.age = eval("(" + obj.age + ")");

document.getElementById("demo").innerHTML = obj.name + ", " + obj.age();

• JSON.stringify

var obj = { "name":"John", "age":30, "city":"New York"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

JSON PHP

• example encode

<?php
$myObj->name = "John";
$myObj->age = 30;
$myObj->city = "New York";

$myJSON = json_encode($myObj);

echo $myJSON;
?>{"name":"John","age":30,"city":"New York"}