說(shuō)說(shuō)JSON

JSON(JavaScript對(duì)象表示法)排龄,它的出現(xiàn)讓XML漸漸退出了數(shù)據(jù)交互格式的舞臺(tái)波势。JSON是一種輕量級(jí)的數(shù)據(jù)交互格式,很多編程語(yǔ)言都支持對(duì)JSON的解析和序列化橄维。


JSON格式實(shí)際上只有兩個(gè)東西:key和value尺铣,value可以表示簡(jiǎn)單值、對(duì)象争舞、數(shù)組凛忿。

1.表示簡(jiǎn)單值

//最簡(jiǎn)單的JSON
"SunnyChuan"

2.表示對(duì)象

//JSON
{
    "name":"SunnyChuan",//逗號(hào)分隔
    "age":21//結(jié)尾沒(méi)有分號(hào)
}
//對(duì)比JavaScript對(duì)象字面量表示
var obj={
    name:"SunnyChuan",
    age:21
};

通過(guò)對(duì)比可以看出,JSON的key必須用雙引號(hào)括起來(lái)(單引號(hào)錯(cuò)誤)竞川,沒(méi)有末尾的分號(hào)店溢,這兩個(gè)是常見(jiàn)的錯(cuò)誤。

3.表示數(shù)組

[
   {
      "name":"SunnyChuan",
      "age":21
   },
   {
      "name":"LuckyJing",
      "age":20
   }
]

4.復(fù)雜的JSON
通過(guò)對(duì)象委乌、數(shù)組的組合床牧,JSON可以組合成復(fù)雜的形式,數(shù)組里嵌套對(duì)象遭贸,對(duì)象里面嵌套數(shù)組等戈咳,可以通過(guò)JSON在線校驗(yàn)工具來(lái)測(cè)試JSON格式是否正確:http://json.cn/

5.JSON解析和序列化
解析:通過(guò)JSON.parse()將JSON數(shù)據(jù)轉(zhuǎn)化為對(duì)象,eval()也可以解析JSON但是不推薦壕吹。

//myJson.json文件
{
    "name":"SunnyChuan",
    "age":21
}

//前端代碼
window.onload=function(){
    var xml=new XMLHttpRequest();
    xml.onreadystatechange=function()
    {
        if(xml.readyState==4 && xml.status==200)
        {
            console.log(JSON.parse(xhr.responseText).name)//SunnyChuan
        }
    };
    xml.open("get","myJson.json");
    xml.send();
}

序列化:JSON.stringify()將JavaScript對(duì)象序列化為JSON數(shù)據(jù)格式發(fā)送給后端著蛙。

var obj={
    name:"SunnyChuan",
    age:21
};

//省去一些代碼
xml.open("POST","ajax.php");
var data=JSON.stringify(obj);
xml.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xml.send(data);

后端將會(huì)接收到字符串{"name":"SunnyChuan","age":21}


JSON作為數(shù)據(jù)格式是前后端交互必用(也可以用XML)的艰垂,個(gè)人做項(xiàng)目的時(shí)候深深感受到了JSON帶來(lái)的便利挂脑。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末呐萌,一起剝皮案震驚了整個(gè)濱河市骑篙,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俊戳,老刑警劉巖陆蟆,帶你破解...
    沈念sama閱讀 222,865評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寇窑,死亡現(xiàn)場(chǎng)離奇詭異缎患,居然都是意外死亡慕的,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)挤渔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肮街,“玉大人,你說(shuō)我怎么就攤上這事判导〖蹈福” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,631評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵眼刃,是天一觀的道長(zhǎng)绕辖。 經(jīng)常有香客問(wèn)我,道長(zhǎng)擂红,這世上最難降的妖魔是什么仪际? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,199評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮昵骤,結(jié)果婚禮上树碱,老公的妹妹穿的比我還像新娘。我一直安慰自己变秦,他們只是感情好成榜,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著蹦玫,像睡著了一般赎婚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上樱溉,一...
    開(kāi)封第一講書(shū)人閱讀 52,793評(píng)論 1 314
  • 那天挣输,我揣著相機(jī)與錄音,去河邊找鬼饺窿。 笑死歧焦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肚医。 我是一名探鬼主播绢馍,決...
    沈念sama閱讀 41,221評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼肠套!你這毒婦竟也來(lái)了舰涌?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 40,174評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤你稚,失蹤者是張志新(化名)和其女友劉穎瓷耙,沒(méi)想到半個(gè)月后朱躺,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,699評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡搁痛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評(píng)論 3 343
  • 正文 我和宋清朗相戀三年长搀,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸡典。...
    茶點(diǎn)故事閱讀 40,918評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡源请,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出彻况,到底是詐尸還是另有隱情谁尸,我是刑警寧澤,帶...
    沈念sama閱讀 36,573評(píng)論 5 351
  • 正文 年R本政府宣布纽甘,位于F島的核電站良蛮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏悍赢。R本人自食惡果不足惜决瞳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望泽裳。 院中可真熱鬧瞒斩,春花似錦、人聲如沸涮总。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,749評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)瀑梗。三九已至烹笔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間抛丽,已是汗流浹背谤职。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,862評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留亿鲜,地道東北人允蜈。 一個(gè)月前我還...
    沈念sama閱讀 49,364評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蒿柳,于是被迫代替她去往敵國(guó)和親饶套。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容