JSON的parse()方法介紹

更新時間：2019年01月31日 10:39:20 作者：mumu1998

今天小編就為大家分享一篇關(guān)于JSON的parse()方法介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧

parse()方法的介紹：

在接收服務(wù)器數(shù)據(jù)時一般是字符串。

我們可以使用 JSON.parse() 方法將數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對象。

語法

JSON.parse(text[, reviver])

參數(shù)說明：

text:必需，一個有效的 JSON 字符串。
reviver: 可選，一個轉(zhuǎn)換結(jié)果的函數(shù)，將為對象的每個成員調(diào)用此函數(shù)。

下面我們來看一個實例：

<p id="demo"></p>
<script>
var obj = JSON.parse('{ "name":jb51", "alexa":10000, "site":m.fzitv.net }');
document.getElementById("demo").innerHTML = obj.name + "：" + obj.site;
</script>

首先通過parse()方法將JSON數(shù)據(jù)轉(zhuǎn)換為JavaScript對象，

解析完成后，我們就可以在網(wǎng)頁上使用JSON數(shù)據(jù)了

從服務(wù)端接收 JSON 數(shù)據(jù)（數(shù)組JSON數(shù)據(jù)）

我們可以使用 AJAX 從服務(wù)器請求 JSON 數(shù)據(jù)，并解析為 JavaScript 對象。

eg:
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
} };
xmlhttp.open("GET", "/try/ajax/json_demo.txt", true); xmlhttp.send();

json_demo.txt服務(wù)端數(shù)據(jù)需要自個編寫。

JSON中有個異常解析數(shù)據(jù)

JSON 不能存儲 Date 對象。如果你需要存儲 Date 對象，需要將其轉(zhuǎn)換為字符串。之后再將字符串轉(zhuǎn)換為 Date 對象。

<p id="demo"></p>
<script>      //將字符串轉(zhuǎn)換為data對象
var text = '{ "name":"csdn", "initDate":"2018-12-14", "site":m.fzitv.net}';
var obj = JSON.parse(text);
obj.initDate = new Date(obj.initDate);
document.getElementById("demo").innerHTML = obj.name + "創(chuàng)建日期: " + obj.initDate;
</script>

這時我們可以啟用JSON的第二個參數(shù)：

<p id="demo"></p>
<script>
var text = '{ "name":"csdn", "initDate":"2018-12-14", "site":"m.fzitv.net"}';
var obj = JSON.parse(text, function (key, value) {
  if (key == "initDate") {
    return new Date(value);
  } else {
    return value;
}});
document.getElementById("demo").innerHTML = obj.name + "創(chuàng)建日期：" + obj.initDate;

解析函數(shù)：

JSON 不允許包含函數(shù)，但你可以將函數(shù)作為字符串存儲，之后再將字符串轉(zhuǎn)換為函數(shù)。

var text = '{ "name":"jb51", "alexa":"function () {
return 10000;}",
"site":"m.fzitv.net"}';
var obj = JSON.parse(text);
obj.alexa = eval("(" + obj.alexa + ")");      注意：最好不要在json中使用函數(shù)
document.getElementById("demo").innerHTML = obj.name + " Alexa 排名：" + obj.alexa();

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

您可能感興趣的文章: