AJAX和JSON是前端開發中常用的技術，它們的結合可以實現動態的二級聯動效果。通過AJAX從服務器中獲取JSON數據，然后利用JSON數據來實現二級聯動效果。例如，一個省份和城市的聯動選擇框，當選擇了一個省份后，城市的選擇框會自動獲取該省份對應的城市列表，并展示出來。

在HTML中，我們需要定義兩個選擇框，一個用來選擇省份，另一個用來選擇城市。通過AJAX發送異步請求，從服務器中獲取JSON數據。首先，定義一個用來展示省份的選擇框：

<select id="province">
<option value="0">請選擇省份</option>
</select>

接下來，定義一個用來展示城市的選擇框：

<select id="city">
<option value="0">請選擇城市</option>
</select>

接下來，使用JavaScript代碼來獲取JSON數據，并動態添加到選擇框中：

// 獲取省份數據，并動態添加到選擇框中
$.ajax({
url: "province.php",
type: "GET",
dataType: "json",
success: function(data) {
// 清空選擇框
$("#province").empty();
// 動態添加省份選項
for (var i = 0; i < data.length; i++) {
$("#province").append("<option value='" + data[i].id + "'>" + data[i].name + "</option>");
}
}
});
// 省份選擇框發生改變時，獲取對應的城市數據，并動態添加到選擇框中
$("#province").change(function() {
var provinceId = $(this).val();
// 獲取城市數據，并動態添加到選擇框中
$.ajax({
url: "city.php",
type: "GET",
data: {provinceId: provinceId},
dataType: "json",
success: function(data) {
// 清空選擇框
$("#city").empty();
// 動態添加城市選項
for (var i = 0; i < data.length; i++) {
$("#city").append("<option value='" + data[i].id + "'>" + data[i].name + "</option>");
}
}
});
});

以上代碼使用了jQuery的AJAX方法來發送異步請求，并通過指定dataType為json來告訴服務器返回的數據是JSON格式的。在成功回調函數中，首先清空選擇框，然后根據從服務器獲取的JSON數據動態添加選項。

服務器端的代碼也很簡單，例如，省份數據的PHP代碼如下：

$data = array(
array("id" =>1, "name" =>"北京"),
array("id" =>2, "name" =>"上海"),
array("id" =>3, "name" =>"廣東")
);
echo json_encode($data);

城市數據的PHP代碼如下：

$provinceId = $_GET["provinceId"];
$data = array();
if ($provinceId == 1) {
$data = array(
array("id" =>1, "name" =>"朝陽區"),
array("id" =>2, "name" =>"海淀區"),
array("id" =>3, "name" =>"東城區")
);
} else if ($provinceId == 2) {
$data = array(
array("id" =>4, "name" =>"黃浦區"),
array("id" =>5, "name" =>"靜安區"),
array("id" =>6, "name" =>"徐匯區")
);
} else if ($provinceId == 3) {
$data = array(
array("id" =>7, "name" =>"廣州市"),
array("id" =>8, "name" =>"深圳市"),
array("id" =>9, "name" =>"珠海市")
);
}
echo json_encode($data);

以上代碼根據傳遞過來的provinceId參數，返回對應的城市數據。

通過AJAX和JSON的結合，我們可以實現動態的二級聯動效果。這種方式既能減少服務器的壓力，又能提高用戶體驗，是現代前端開發中常用的技術。