parse()方法的介紹:
在接收服務(wù)器數(shù)據(jù)時一般是字符串。
我們可以使用 JSON.parse() 方法將數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對象。
語法
JSON.parse(text[, reviver])
參數(shù)說明:
下面我們來看一個實(shí)例:
<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數(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":www.survivalescaperooms.com}';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":"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 + "創(chuàng)建日期:" + obj.initDate;
解析函數(shù):
JSON 不允許包含函數(shù),但你可以將函數(shù)作為字符串存儲,之后再將字符串轉(zhuǎn)換為函數(shù)。
var text = '{ "name":"jb51", "alexa":"function () {return 10000;}","site":"www.survivalescaperooms.com"}';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)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對武林網(wǎng)的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
新聞熱點(diǎn)
疑難解答