JSON JavaScript
- ການໄປບ່ອນກ່ອນ JS ມູນນິວສະພາບ
- ການໄປບ່ອນຕໍ່ໄປ JS ການທົດສອບ
JSON 是存储和传输数据的格式。
JSON 经常在数据从服务器发送到网页时使用。
什么是 JSON？
- JSON 指的是 JavaScript Object Notation
- JSON is a lightweight data interchange format
- JSON is independent of language *
- JSON is "self-descriptive" and easy to understand
* JSON syntax is derived from the syntax of JavaScript object notation, but JSON format is plain text. Code to read and generate JSON data can be written in any programming language.
Example JSON
JSON syntax defines an employee object: an array (object) containing three employee records:
Example JSON
{
"employees":[
{"firstName":"Bill", "lastName":"Gates"},
{"firstName":"Steve", "lastName":"Jobs"},
{"firstName":"Alan", "lastName":"Turing"}
]
}
JSON format is evaluated as JavaScript object
JSON format is the same as the code to create JavaScript objects.
Due to this similarity, JavaScript programs can easily convert JSON data to local JavaScript objects.
Rules of JSON syntax
- Data is name/value pairs
- Data separated by commas
- Braces save object
- Brackets save array
Data JSON - Name and Value
ວິຊາ JSON ຂຽນໃນຮູບແບບ name/value pairs ເປັນຄືກັບ property object JavaScript.
Name/value pairs ປະກອບມີ field name (double quotes) ທີ່ຕໍ່ມາປະຕູ colon ແລະຕໍ່ມາມູນຄຳຕອບ:
"firstName":"Bill"
Name JSON ຕ້ອງມີ double quotes. Name JavaScript ບໍ່ຕ້ອງ.
ວັດຖຸ JSON
Object JSON ຂຽນໃນອອກລວມ.
ຄືກັບ JavaScript，object ສາມາດກວມ multiple name/value pairs:
{"firstName":"Bill", "lastName":"Gates"}
ອົງການ JSON
Array JSON ຂຽນໃນອອກລວມ.
ຄືກັບ JavaScript，array ສາມາດກວມ object:
"employees":[
{"firstName":"Bill", "lastName":"Gates"},
{"firstName":"Steve", "lastName":"Jobs"},
{"firstName":"Alan", "lastName":"Turing"}
]
ໃນຕົວຢ່າງທີ່ພາຍໃນຫນັງພວກເຮົາ，object "employees" ແມ່ນອອກລວມສະຖານະສາມອັນ.
ແຕ່ລະ object ແມ່ນສະຖານະຂອງຄົນໜຶ່ງ (ກັບຊື່ຫນັງແລະຊື່ຊາຍ).
ການແປງ JSON text ເປັນ JavaScript object
ການນໍາໃຊ້ JSON ເປັນປົກກະຕິແມ່ນຈະອອກນຳຖະແຫຼງຂໍ້ມູນຈາກ web server ແລະສະແດງຂໍ້ມູນພາຍໃນເວັບໄຊ.
ເພື່ອຄວາມງ່າຍຫນັງຢູ່ພວກເຮົາສາມາດໃຊ້ຄຳເວົ້າແບບຄຳອີກຄັ້ງຫນັງ.
ຄັ້ງທຳອິດຈະສ້າງຄຳເວົ້າ JavaScript ທີ່ມີວິຊາ JSON:
var text = '{ "employees" : ['
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';
ຫຼັງຈາກນັ້ນ, ທ່ານຈະໃຊ້ການບໍລິການ JSON.parse() ຂອງ JavaScript ເພື່ອປ່ຽນແປງບາງຄຳເວົ້ານີ້ໃຫ້ກາຍເປັນອັດຕາ 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 ທີ່ບ່ອນນີ້.
- ການໄປບ່ອນກ່ອນ JS ມູນນິວສະພາບ
- ການໄປບ່ອນຕໍ່ໄປ JS ການທົດສອບ
