在進(jìn)行Web開發(fā)過(guò)程中,我們經(jīng)常會(huì)使用Chrome瀏覽器進(jìn)行測(cè)試、調(diào)試等操作。而在進(jìn)行Ajax請(qǐng)求時(shí),通常會(huì)返回JSON格式的數(shù)據(jù),我們可以通過(guò)Chrome瀏覽器對(duì)返回的JSON進(jìn)行查看和分析。
下面介紹如何在Chrome瀏覽器中查看返回的JSON數(shù)據(jù)。
第一步,打開Chrome瀏覽器,進(jìn)入需要進(jìn)行Ajax請(qǐng)求的頁(yè)面。
第二步,打開開發(fā)者工具。方法:右鍵點(diǎn)擊頁(yè)面任意位置,選擇“檢查”或者按下快捷鍵“Ctrl+Shift+I”。
第三步,選擇“Network”選項(xiàng)卡,并進(jìn)行Ajax請(qǐng)求。在請(qǐng)求完成后,可以看到請(qǐng)求的結(jié)果列表。
第四步,選擇需要查看的請(qǐng)求,并點(diǎn)擊“Response”選項(xiàng)卡,即可看到返回的JSON數(shù)據(jù)。如下圖:
{ "code": 200, "msg": "OK", "data": { "id": 1, "name": "張三", "age": 18 } }
可以看到,Chrome瀏覽器會(huì)將JSON數(shù)據(jù)格式化并展示出來(lái),方便我們進(jìn)行查看和分析。如果返回的JSON數(shù)據(jù)較大,可以使用“格式化”按鈕進(jìn)行縮進(jìn),方便查看。
通過(guò)以上步驟,我們可以方便地在Chrome瀏覽器中查看返回的JSON數(shù)據(jù),對(duì)開發(fā)和調(diào)試帶來(lái)很大的便利。