DOM（文檔對象模型）是一種處理HTML和XML文檔的標準，它提供了對文檔的結構化表現和編程接口，使得程序可以對文檔進行操作。其中，讀取JSON數據也是DOM能夠實現的一部分。

DOM可以使用JavaScript來讀取JSON（JavaScript Object Notation）數據，JSON是一種輕量級的數據交換格式，易于閱讀和編寫。JSON是JavaScript的一個子集，因此JavaScript代碼可以直接讀取JSON數據。

例如，有以下的JSON數據：

{
"person": {
"name": "John",
"age": 30,
"city": "New York"
}
}

使用JavaScript代碼可以讀取這些數據：

var person = JSON.parse('{"person": {"name": "John", "age":30, "city":"New York"}}');
console.log(person.person.name); // 輸出：John
console.log(person.person.age); // 輸出：30
console.log(person.person.city); // 輸出：New York

上述代碼首先使用JSON.parse()方法將JSON字符串對象轉換為JavaScript對象，然后再使用JavaScript的屬性方法來讀取JSON對象的屬性值。

在DOM中讀取JSON數據也可以使用類似的方法來實現。當前的XMLHttpRequest對象（ajax）已經支持直接從服務器獲取JSON數據，并將其作為JavaScript對象返回。因此可以讀取JSON數據并將其插入到DOM中。

例如，有以下的JSON數據：

{
"students": [
{"name":"John", "grade":90},
{"name":"Jane", "grade":80},
{"name":"Bob", "grade":85}
]
}

可以使用以下代碼將數據插入到DOM中：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var obj = JSON.parse(this.responseText);
var html = '';
for (var i = 0; i< obj.students.length; i++) {
html += '<li>' + obj.students[i].name + ': ' + obj.students[i].grade + '</li>';
}
document.getElementById("students-list").innerHTML = html;
}
};
xmlhttp.open("GET", "students.json", true);
xmlhttp.send();

上述代碼使用XMLHttpRequest對象獲取JSON數據，然后使用innerHTML屬性將JSON數據插入到DOM中。

總之，在DOM中讀取JSON數據是一項非常有用的技術，它可以使程序從JSON格式的數據中獲取數據并與DOM元素進行交互。