Ajax是一種在Web頁面上更新數據的方式。JavaScript能夠通過Ajax與服務器進行通信，從而實現無需再次加載整個頁面的情況下更新特定元素。此外，JavaScript也可以通過拼接HTML代碼動態地向頁面添加元素。

//使用JavaScript動態地向頁面添加元素
var divElement = document.createElement("div"); //創建一個
元素
var textElement = document.createTextNode("這是動態添加的文本！"); //創建一個文本節點
divElement.appendChild(textElement); //將文本節點添加到div元素中
document.body.appendChild(divElement); //將div元素添加到頁面中

以上代碼創建了一個div元素并向其中添加了文本節點，然后將其添加到頁面中。但是，如果需要為頁面添加多個元素，手動編寫代碼就會變得非常麻煩。在這種情況下，可以使用Ajax來輕松地向頁面添加多個元素。

//使用Ajax拼接HTML代碼
$.ajax({
url: "data.json",
success: function(data) {
var html = "";
$.each(data, function(index, item) {
html += "
" + item.title + "
";
});
$("#content").html(html); //將拼接好的HTML代碼添加到頁面中
}
});

以上代碼是一個典型的使用Ajax拼接HTML代碼的例子。通過向服務器發送請求，獲取到數據后，使用JavaScript將數據拼接成HTML代碼，再使用jQuery的html方法將其添加到頁面中。這種方式能夠有效地減輕我們手動編寫大量HTML代碼的負擔。