JavaScript JSON

JSON 是存储和传输数据的格式。

JSON 经常在数据从服务器发送到网页时使用。

什么是 JSON？

  • JSON 指的是 JavaScript Object Notation
  • JSON 是轻量级的数据交换格式
  • JSON 独立于语言 *
  • JSON 是“自描述的”且易于理解

* JSON 的语法是来自 JavaScript 对象符号的语法，但 JSON 格式是纯文本。读取和生成 JSON 数据的代码可以在任何编程语言编写的。

JSON 实例

JSON 语法定义了一个雇员对象：包含三条员工记录的数组（对象）：

JSON 实例

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

JSON 格式评估为 JavaScript 对象

JSON ਫਾਰਮੈਟ ਵਿਚਕਾਰੀ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਜਿਵੇਂ ਕਿ JavaScript ਆਬਜੈਕਟ ਦੇ ਸਕ੍ਰਿਪਟ ਨਾਲ ਹੀ ਬਣਿਆ ਹੈ。

ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਕਾਰਣ, JavaScript ਪ੍ਰੋਗਰਾਮ ਸੌਖੇ ਤਰੀਕੇ ਨਾਲ JSON ਡਾਟਾ ਨੂੰ ਸਥਾਨਕ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹਨ。

JSON ਸਕ੍ਰਿਪਟ ਨਿਯਮ

  • ਡਾਟਾ ਨਾਮ/ਮੁੱਲ ਪਾਰਟੀਆਂ ਹਨ
  • ਡਾਟਾ ਕੋਮੇ ਨਾਲ ਵੰਡੇ ਹੁੰਦੇ ਹਨ
  • ਬੰਦਾਂ ਵਿੱਚ ਆਬਜੈਕਟ
  • ਬੰਦਾਂ ਵਿੱਚ ਮੰਡਲ

JSON ਡਾਟਾ - ਨਾਮ ਅਤੇ ਮੁੱਲ

JSON ਡਾਟਾ ਦੀ ਲਿਖਤ ਵਿੱਚ ਨਾਮ/ਮੁੱਲ ਪਾਰਟੀਆਂ ਹਨ, ਜਿਵੇਂ ਕਿ JavaScript ਆਬਜੈਕਟ ਦੀਆਂ ਪ੍ਰਤਿਭਾਵਾਂ。

ਨਾਮ/ਮੁੱਲ ਪਾਰਟੀ ਦਿਸ਼ਾਂ (ਦੋ ਚਿੰਨ੍ਹਾਂ ਵਿੱਚ ਲਿਖੇ ਫੀਲਡ ਨਾਮ) ਬਣਦੀਆਂ ਹਨ, ਉਸ ਦੇ ਬਾਅਦ ਬਿੱਲ, ਅਤੇ ਉਸ ਦੇ ਬਾਅਦ ਮੁੱਲ:

"firstName":"Bill"

JSON ਨਾਮ ਦਿਸ਼ਾਂ ਵਿੱਚ ਦੋ ਚਿੰਨ੍ਹਾਂ ਵਿੱਚ ਲਿਖੇ ਜਾਂਦੇ ਹਨ। JavaScript ਨਾਮ ਦਿਸ਼ਾਂ ਨੂੰ ਨਹੀਂ ਜ਼ਰੂਰੀ ਹੈ。

JSON ਆਬਜੈਕਟ

JSON ਮੰਡਲ ਬੰਦਾਂ ਵਿੱਚ ਲਿਖੇ ਜਾਂਦੇ ਹਨ。

ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ, ਮੰਡਲ ਵੀ ਕਈ ਨਾਮ/ਮੁੱਲ ਪਾਰਟੀਆਂ ਸਮੇਤ ਕਰ ਸਕਦੇ ਹਨ:

{"firstName":"Bill", "lastName":"Gates"}

JSON ਐਕਸੇਸ

JSON ਮੰਡਲ ਬੰਦਾਂ ਵਿੱਚ ਲਿਖੇ ਜਾਂਦੇ ਹਨ。

ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ, ਮੰਡਲ ਵੀ ਆਬਜੈਕਟ ਸਮੇਤ ਕਰ ਸਕਦੇ ਹਨ:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

ਉੱਪਰੋਕਤ ਉਦਾਹਰਣ ਵਿੱਚ, "employees" ਆਬਜੈਕਟ ਇੱਕ ਮੰਡਲ ਹੈ। ਇਹ ਤਿੰਨ ਆਬਜੈਕਟਾਂ ਨੂੰ ਸਮੇਤ ਕਰਦਾ ਹੈ。

ਹਰੇਕ ਆਬਜੈਕਟ ਇੱਕ ਵਿਅਕਤੀ ਦੀ ਜਾਣਕਾਰੀ ਰੱਖਦਾ ਹੈ (ਨਾਮ ਅਤੇ ਪਰਿਵਾਰ ਨਾਮ ਦੇ ਨਾਲ)。

JSON ਟੈਕਸਟ ਨੂੰ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਬਦਲੋ

JSON ਦਾ ਸਧਾਰਨ ਇਸਤੇਮਾਲ ਹੈ ਵੈਬ ਸਰਵਰ ਤੋਂ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰਨਾ ਅਤੇ ਇਸ ਨੂੰ ਵੈੱਬ ਪੰਨੇ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ。

ਸਰਲਤਾ ਲਈ, ਚਿੰਨ੍ਹਾਂ ਵਾਲੀ ਜਾਣਕਾਰੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਾਂ。

ਪਹਿਲਾਂ, JSON ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਸ਼ਬਦਾਂ ਵਾਲੀ ਜਾਣਕਾਰੀ ਬਣਾਓ:

var text = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +

'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

ਫਿਰ, JavaScript ਦੇ ਬਾਹਰੀ ਫੰਕਸਨ JSON.parse() ਦੀ ਵਰਤੋਂ ਕਰ ਕੇ ਇਹ ਸਟਰਿੰਗ JavaScript ਆਬਜੈਕਟ ਵਿੱਚ ਬਦਲੋ:

var obj = JSON.parse(text);

ਆਖਰ, ਆਪਣੇ ਪੰਨੇ 'ਤੇ ਇਸ ਨਵੇਂ JavaScript ਆਬਜੈਕਟ ਨੂੰ ਵਰਤੋਂ ਕਰੋ:

ਇੰਸਟੈਂਸ
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;

</script>

ਸਾਡੇ ਵਿੱਚ ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ JSON ਟੂਰ ਵਿੱਚ ਹੋਰ ਬਾਰੇ JSON ਪੜ੍ਹੋ。