讀取JSON是現在Web開發中必須掌握的技能之一。無論是在前端還是后端,經常需要讀取JSON格式的文件來進行數據交互。下面是讀取JSON的基本方法:
var data = '{"name": "張三", "age": 18}'; var obj = JSON.parse(data); console.log(obj.name); // 輸出:張三 console.log(obj.age); // 輸出:18
上面的代碼是將一個JSON字符串解析成一個對象,使用JSON.parse()方法即可。
在實際開發中,我們經常需要請求一個服務端API接口獲取JSON數據。我們可以使用Ajax等技術實現異步請求。
var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/api/user', true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var data = xhr.responseText; var obj = JSON.parse(data); console.log(obj.name); // 輸出:張三 console.log(obj.age); // 輸出:18 } }; xhr.send();
當然,如果你使用jQuery這樣的框架,會更加方便:
$.ajax({ url: 'http://example.com/api/user', dataType: 'json', success: function(data) { console.log(data.name); // 輸出:張三 console.log(data.age); // 輸出:18 } });
以上就是常見的讀取JSON的方法。需要注意的是,JSON格式的數據必須符合JSON規范,否則會解析失敗。