parse()方法的介紹：

在接收服務器數據時一般是字符串。

我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象。

語法

JSON.parse(text[, reviver])

參數說明：

下面我們來看一個實例：

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

首先通過parse()方法將JSON數據轉換為JavaScript對象，

解析完成后，我們就可以在網頁上使用JSON數據了

從服務端接收 JSON 數據（數組JSON數據）

我們可以使用 AJAX 從服務器請求 JSON 數據，并解析為 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服務端數據需要自個編寫。

JSON中有個異常解析數據

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

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

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

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

解析函數：

JSON 不允許包含函數，但你可以將函數作為字符串存儲，之后再將字符串轉換為函數。

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

總結

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