AJAX和MVC是現代網頁開發中常用的兩種技術。AJAX（Asynchronous JavaScript and XML）允許我們通過在不刷新整個頁面的情況下與服務器進行異步通信，而MVC（Model-View-Controller）則是一種軟件架構模式，將應用程序分為模型、視圖和控制器三個部分。本文將介紹如何使用AJAX和MVC來實現一個點贊功能，使得用戶可以點擊按鈕將點贊數加一。

首先，我們需要在HTML中添加一個按鈕和一個顯示點贊數的標簽：

<button id="likeButton">點贊</button>
<p id="likeCount">0</p>

然后，在JavaScript中使用AJAX來發送請求并更新點贊數：

document.getElementById("likeButton").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("likeCount").innerText = xhr.responseText;
}
};
xhr.open("GET", "/like", true);
xhr.send();
});

在上面的代碼中，我們使用addEventListener方法為按鈕添加了一個點擊事件監聽器。當用戶點擊按鈕時，會發送一個GET請求到服務器的/like路徑。服務器會處理這個請求并返回更新后的點贊數。一旦接收到響應，我們將點贊數顯示在likeCount標簽中。

接下來，我們需要在服務器端實現MVC架構中的模型、視圖和控制器。我們可以使用任何服務器端技術來實現，比如Node.js、Java或PHP。這里，我們以Node.js為例：

const express = require('express');
const app = express();
let likeCount = 0;
app.get("/like", function(req, res) {
likeCount++;
res.send(String(likeCount));
});
app.listen(3000, function() {
console.log("Server started on port 3000");
});

在上面的代碼中，我們創建了一個Express應用，并定義了一個GET路由。每當接收到/like的GET請求時，我們將點贊數加一，并將更新后的點贊數作為響應發送回客戶端。我們可以通過訪問http://localhost:3000來啟動服務器。

最后，我們需要為點贊數添加樣式。我們可以使用CSS來為likeCount標簽添加樣式，比如改變顏色或字體大小：

#likeCount {
color: blue;
font-size: 16px;
}

通過上述代碼，我們成功地使用了AJAX和MVC來實現了一個簡單的點贊功能。用戶可以點擊按鈕，通過AJAX向服務器發送請求并更新點贊數，而服務器使用MVC架構來處理請求并返回更新后的點贊數。這個功能可以廣泛應用于社交媒體、新聞網站等需要交互的網頁中。