手机看片福利永久国产日韩-手机看片369-手机精品在线-手机国产乱子伦精品视频-国产精品嫩草影院在线观看免费-国产精品嫩草影院在线播放

首頁 商業 > 正文

【環球報資訊】一篇文章教會你JavaScript json 解析

點擊上方“前端進階學習交流”,進行關注

回復“前端”即可獲贈前端相關學習資料


(資料圖)

疾風知勁草,板蕩識誠臣。JSON的一個常見用途是交換數據到從一個Web服務器,當從web服務器接收數據時,數據總是一個字符串。使用JSON.parse()方法解析這些數據,數據變成JavaScript對象。一、瀏覽器支持

JSON.parse() 函數包括所有主要的瀏覽器和最新的ECMAScript(JavaScript)標準:

瀏覽器支持
Firefox 3.5 ,Internet Explorer 8 ,Chrome, Opera 10 ,Safari 4
二、實例 - 解析JSON1. 頁面解析

想象一下,我們從Web服務器收到這個文本:

"{ "name":"John", "age":30, "city":"New York"}"

使用JavaScript函數JSON.parse() 將文本轉換成JavaScript對象:

var obj = JSON.parse("{ "name":"John", "age":30, "city":"New York"}");

注:確保文字是用JSON格式,否則你會得到一個語法錯誤。

在你的頁面中使用JavaScript對象:

項目JSON解析文本

2. 從服務器獲得JSON

你可以使用AJAX請求從服務器獲得JSON。

只要來自服務器的響應是用JSON格式,您可以將字符串解析成JavaScript對象。

Ajax是什么?

Asynchronous JavaScript & XML。Ajax是web開發的一種技術。

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", "json_demo.txt", true);xmlhttp.send();

服務器端 訪問成功!將JSON解析的內容保存在json_demo.txt。

3. 數組作為JSON

當使用JSON.parse()方法的使用, 該方法將返回一個JavaScript數組, 而不是一個JavaScript對象.

var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {myArr = JSON.parse(this.responseText);document.getElementById("demo").innerHTML = myArr[0];}};xmlhttp.open("GET", "json_demo_array.txt", true);xmlhttp.send();

為了方便測速,自己創建了json_demo_array.txt文件。

json_demjo_array.txt

三、拓展解析日期(2種)

在JSON中,日期對象是不允許的。

如果需要包含日期,請將其寫成字符串.

1. 將其轉換為日期對象:

var text = "{ "name":"John", "birth":"1986-12-14", "city":"New York"}";var obj = JSON.parse(text) {obj.birth = new Date(obj.birth);document.getElementById("demo").innerHTML = obj.name + ", " + obj.birth;

2.使用JSON.parse()函數的第二個參數, 稱為接收器

該接收機參數,返回值之前,檢查每個屬性。

var text = "{ "name":"John", "birth":"1986-12-14", "city":"New York"}";var obj = JSON.parse(text, function (key, value) {if (key == "birth") {return new Date(value);} else {return value;}});document.getElementById("demo").innerHTML = obj.name + ", " + obj.birth;

解析函數

在JSON中不允許函數.

如果你需要包含一個函數,寫成字符串。

以后您可以將其轉換為函數:

var text = "{ "name":"John", "age":"function () {return 30;}", "city":"New York"}";var obj = JSON.parse(text) {obj.age = eval("(" + obj.age + ")");document.getElementById("demo").innerHTML = obj.name + ", " + obj.age();

避免在JSON使用函數,函數將失去他們的范圍,你將不得不使用eval()將它們轉換回函數。

四、總結

本文基于JavaScript ,介紹了 json 解析在實際的應用。如何去解析一個JSON文件,從三個方面進行了講解。在實際過程中遇到的難點,提供了有效的解決方案。最后拓展,希望對JSON解析有了進一步的了解,使用JavaScript 語言,效果圖動展示,希望能夠讓讀者更好的理解。

代碼很簡單,希望能夠幫助你更好的學習。

-------------------?End?-------------------

往期精彩文章推薦:

盤點JavaScript中數組遍歷的全部方式(上篇)盤點JavaScript中數組遍歷的全部方式(下篇)一篇文章帶你了解JavaScript日期

歡迎大家點贊,留言,轉發,轉載,感謝大家的相伴與支持

想加入前端學習群請在后臺回復【入群】

萬水千山總是情,點個【在看】行不行

關鍵詞:

最近更新

關于本站 管理團隊 版權申明 網站地圖 聯系合作 招聘信息

Copyright © 2005-2023 創投網 - www.extremexp.net All rights reserved
聯系我們:39 60 29 14 2@qq.com
皖ICP備2022009963號-3

主站蜘蛛池模板: 日本电影二区| 亚洲人成网站在线播放2019| 青青青国产免费线在| 护士的小嫩嫩好紧好爽在线播放| 调教贱奴女警花带乳环小说| 欧美精品寂寞影院请用uc| 色涩屋| 国产一级片在线| 国产精品爽爽va在线观看网站| 国产理论视频在线观看| 一线在线观看全集免费高清中文| 黄色三级电影免费观看| 成人深夜视频在线观看| 岛国大片免费在线观看| 你懂的在线看| 国产a级特黄的片子视频| 欧美xxxx做受欧美| 国产欧美va欧美va香蕉在| 欧美一级片免费在线观看| 理论片中文字幕在线观看| 日韩精品一卡2卡3卡4卡三卡 | 大黑人xxx| 高清不卡毛片免费观看| 香蕉久草视频| 国产刺激视频| 夜夜摸视频网| 国产精品jvid在线观看| 中文字幕黑人借宿神宫寺| 日韩精品一区二区三区视频| 2021日产国产麻豆| 免费一区区三区四区| 亚洲精品美女在线观看播放| 亚洲欧洲精品成人久久曰影片| 在线观看视频国产| 樱桃直播免费看| 夜来香电影完整版免费观看| 丰满肥臀风间由美357在线| 久久综合色天天久久综合图片| 欧美kkk4444在线观看| 啊灬啊灬啊灬深灬快用力| 8x视频在线观看|