在Web開發(fā)中，讀取JSON數(shù)據(jù)是很常見的操作，而在HBuilder X中也有很方便的方式來讀取JSON數(shù)據(jù)。

首先，我們需要創(chuàng)建一個JSON數(shù)據(jù)文件，可以使用任何一個編輯器創(chuàng)建，比如Notepad++、Sublime Text等。JSON數(shù)據(jù)的格式如下：

{
"name": "張三",
"age": 20,
"sex": "男",
"address": {
"province": "廣東省",
"city": "深圳市",
"district": "南山區(qū)",
"street": "科技園"
},
"hobbies": [
"游泳",
"跑步",
"閱讀"
]
}

在HBuilder X中，我們可以通過XMLHttpRequest對象來讀取JSON數(shù)據(jù)。代碼如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();

通過XMLHttpRequest對象發(fā)起HTTP請求，使用GET方法獲取JSON數(shù)據(jù)。當請求狀態(tài)變化時（readyState），如果狀態(tài)碼是4（請求完成）且HTTP狀態(tài)碼是200（請求成功），則將從HTTP響應(yīng)中獲取到的JSON數(shù)據(jù)對象（使用JSON.parse()方法將JSON字符串轉(zhuǎn)換為JavaScript對象）輸出到控制臺。

以上是HBuilder X讀取JSON數(shù)據(jù)的簡單介紹。