在Web開發中，Ajax和JSON是兩個非常重要的概念。Ajax（Asynchronous JavaScript and XML）是一種在Web頁面中實現異步通信的技術，可以使頁面無需刷新就能與服務器交換數據。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，與Ajax配合使用可以方便地在前端和后端之間傳遞數據。

Ajax的使用方法非常簡單，通過XMLHttpRequest對象來實現。下面是一個簡單的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 處理返回的數據
}
};
xhr.send();

在上面的例子中，我們創建了一個XMLHttpRequest對象，并使用open方法指定要獲取的數據的URL。然后，通過onreadystatechange事件來監聽請求的狀態，當請求完成且服務器返回的狀態碼為200時，可以通過responseText屬性獲取返回的數據。最后，我們使用JSON.parse方法將返回的數據解析為JavaScript對象，以便進行后續處理。

除了使用XMLHttpRequest對象，還可以使用jQuery等庫來簡化Ajax的操作。下面是使用jQuery的例子：

$.ajax({
url: 'http://example.com/data',
method: 'GET',
success: function(data) {
// 處理返回的數據
}
});

在這個例子中，我們使用了jQuery的ajax方法，通過傳入一個包含URL和請求方法的對象來發送請求。當請求成功時，可以在success回調函數中處理返回的數據。

在前端和后端之間傳遞數據時，JSON是一種非常方便的格式。下面是一個使用JSON傳遞數據的例子：

var data = {
name: 'John',
age: 20,
hobbies: ['reading', 'playing guitar']
};
$.ajax({
url: 'http://example.com/save',
method: 'POST',
data: JSON.stringify(data),
contentType: 'application/json',
success: function(response) {
// 處理返回的數據
}
});

在這個例子中，我們首先創建了一個包含name、age和hobbies屬性的JavaScript對象。然后，使用JSON.stringify方法將該對象轉換為JSON字符串，并通過data屬性傳遞給后端。在發送請求時，我們還需要指定contentType為application/json，以告訴服務器我們發送的是JSON數據。

在后端接收到JSON數據時，可以將其解析為對象進行處理。以下是一個使用Node.js和Express框架的例子：

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.post('/save', (req, res) =>{
var data = req.body;
// 處理接收到的數據
res.send('Data received');
});
app.listen(3000, () =>{
console.log('Server is running on port 3000');
});

在這個例子中，我們使用了Express框架來創建一個Web服務器。通過調用bodyParser.json方法，我們可以將接收到的請求體解析為JSON對象。然后，在/save路由上，可以通過req.body獲取到發送的JSON數據。

綜上所述，Ajax和JSON是Web開發中不可或缺的技術。通過合理的使用，我們可以實現頁面的異步通信和數據交換，從而提升用戶體驗和開發效率。