JavaScript是一種非常強大的編程語言，它在網頁開發中起著非常重要的作用。在開發一個網頁時，經常需要從服務器獲取數據，而服務端往往會返回一個JSON對象，通過JavaScript可以非常輕松地獲取JSON對象中的數據。

假設我們有一個JSON對象如下：

{
"name": "Doris",
"age": 28,
"gender": "female"
}

我們可以使用JavaScript獲取其中的值：

var person = {
"name": "Doris",
"age": 28,
"gender": "female"
};
console.log(person.name); // 輸出 Doris
console.log(person.age); // 輸出 28
console.log(person.gender); // 輸出 female

從服務器獲取JSON數據通常需要使用AJAX技術，例如下面的代碼：

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

上述代碼中，我們使用XMLHttpRequest對象向服務器發送一個GET請求，請求數據為http://localhost:3000/data.json，然后在onreadystatechange回調函數中判斷請求狀態和HTTP狀態碼，如果一切正常就處理返回的數據。

當服務器返回一個JSON數組而不是JSON對象時，我們可以按照數組的方式來訪問其中的元素。例如下面的代碼：

var persons = [
{ "name": "Doris", "age": 28, "gender": "female" },
{ "name": "Tony", "age": 32, "gender": "male" }
];
console.log(persons[0].name); // 輸出 Doris
console.log(persons[1].name); // 輸出 Tony

如果我們需要向服務器上傳JSON數據，可以將JSON對象轉換為JSON字符串，然后使用POST請求發送。例如下面的代碼：

var data = { "name": "Doris", "age": 28, "gender": "female" };
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:3000/api/persons', true);
xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(data));

上述代碼中，我們將JSON對象轉換為JSON字符串并發送POST請求。在請求頭中設置Content-Type為application/json，告訴服務器將要發送的數據是JSON格式的。

獲取JSON數據在現代Web應用程序中至關重要，JavaScript可以輕松地完成該任務。通過AJAX技術，我們可以在不刷新整個頁面的情況下獲取數據，使Web應用程序更快、更高效。