簡單來講,JSON能夠分爲兩大類, 基本數據類型和複雜數據類型。
javascript
1. Primitive Typescss
2. Structure Typehtml
String: 雙引號相括,包含Unicode 字符,能夠用escaped。
Number: 有整數,浮點數,實數, 指數,負數,但不包括 16 進制和 8 進制數.
Boolean: true 或 false.
Null: 空
Arrayjava
Objectjson
舉例數組
<html xmlns="http://www.w3.org/1999/xhtml"> app
<head> ide
<title></title> 函數
<style type="text/css">
.border {
border: 1px solid #000;
}
</style> 3d
<script type="text/javascript">
//create an Array which contains type and phoneNumber
var phoneNumber = [{
"type": "Home",
"number": 919461162949
},
{
"type": "Office",
"number": "123456789"
}]
function getPhoneInfo()
{
var displayDiv = document.getElementById("displayDiv");
var detailTable = document.createElement("table");
detailTable.setAttribute("class", "border");
var thType = document.createElement("th");
thType.setAttribute("class", "border");
thType.appendChild(document.createTextNode("Type"));
detailTable.appendChild(thType);
var thNumber = document.createElement("th");
thNumber.setAttribute("class", "border");
thNumber.appendChild(document.createTextNode("Number"));
detailTable.appendChild(thNumber);
for (var i = 0; i < phoneNumber.length; i++)
{
var row = document.createElement("tr");
var colType = document.createElement("td");
colType.setAttribute("class", "border");
var colNumber = document.createElement("td");
colNumber.setAttribute("class", "border");
//Read data from Array
colType.appendChild(document.createTextNode(phoneNumber[i].type));
colNumber.appendChild(document.createTextNode(phoneNumber[i].number));
row.appendChild(colType);
row.appendChild(colNumber);
detailTable.appendChild(row);
}
displayDiv.appendChild(detailTable);
}
</script>
</head>
<body onload="getPhoneInfo()">
<form id="form1" runat="server">
<div id="displayDiv"></div>
</form>
</body>
</html>
輸出結果
原文連接:http://www.c-sharpcorner.com/UploadFile/3d39b4/data-types-in-json/。