parse()方法的介紹:
在接收服務器數據時一般是字符串。
我們可以使用 JSON.parse() 方法將數據轉換為 JavaScript 對象。
語法
JSON.parse(text[, reviver])
參數說明:
下面我們來看一個實例:
<p id="demo"></p><script>var obj = JSON.parse('{ "name":jb51", "alexa":10000, "site":www.49028c.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.49028c.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.49028c.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.49028c.com"}';var obj = JSON.parse(text);obj.alexa = eval("(" + obj.alexa + ")"); 注意:最好不要在json中使用函數document.getElementById("demo").innerHTML = obj.name + " Alexa 排名:" + obj.alexa();
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對武林網的支持。如果你想了解更多相關內容請查看下面相關鏈接
新聞熱點
疑難解答