Json是一種廣泛使用的數據格式,而獲取Json數據是很常見的需求。在JavaScript中,我們可以通過AJAX或fetch獲取Json數據。
使用AJAX獲取Json數據:
function getData() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var myObj = JSON.parse(this.responseText); console.log(myObj); } }; xmlhttp.open("GET", "data.json", true); xmlhttp.send(); }
使用fetch獲取Json數據:
function getData() { fetch('data.json') .then(response =>response.json()) .then(data =>console.log(data)); }
使用jQuery獲取Json數據:
$.getJSON('data.json', function(data) { console.log(data); });
無論使用哪種方式,都需要注意以下幾點:
- 確保Json數據格式正確,否則可能會導致解析錯誤
- 使用AJAX或fetch獲取Json數據需要服務器支持跨域訪問,否則會出現跨域問題
- 獲取到的Json數據是一個字符串,需要使用JSON.parse()方法將其轉換為對象才能使用