標簽：

html
<div id="news-title"></div>

接下來，我們可以使用ajax來獲取最新的新聞標題。以jQuery為例，可以使用$.ajax方法來發(fā)送異步請求，并在成功返回數據后對頁面進行更新：

javascript
$.ajax({
url: "news.php", // 后端處理數據的接口
type: "GET",
dataType: "json",
success: function(data) {
$("#news-title").text(data.title); // 將新聞標題賦值給頁面上的元素
}
});

在上面的代碼中，我們通過ajax發(fā)送了一個GET請求到后端的"news.php"接口，然后根據返回的數據更新頁面上的新聞標題元素。假設后端返回的數據是一個JSON對象，其中包含了最新的新聞標題，我們可以使用jQuery的$.text方法將其賦值給頁面上的元素。
通過上面的代碼，當用戶點擊按鈕時，ajax會發(fā)送請求到后端，獲得最新的新聞標題，并通過賦值的方式更新頁面上的元素。這樣，無需刷新整個頁面，用戶就可以實時地看到最新的新聞標題。
除了可以通過ajax獲取數據并賦值給頁面上的元素外，還可以使用ajax來提交表單數據，并根據后端返回的結果來動態(tài)更新頁面。舉個例子，假設我們有一個登錄表單，用戶輸入用戶名和密碼后，可以通過ajax將表單數據發(fā)送到后端進行驗證，并根據驗證結果動態(tài)地更新頁面。
首先，定義一個表單：

html
<form id="login-form">
<input type="text" name="username" placeholder="用戶名">
<input type="password" name="password" placeholder="密碼">
<button type="submit">登錄</button>
</form>

然后，使用ajax來提交表單數據并處理返回結果：

javascript
$("#login-form").submit(function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var formData = $(this).serialize(); // 將表單數據序列化成字符串
$.ajax({
url: "login.php", // 后端處理登錄驗證的接口
type: "POST",
data: formData,
dataType: "json",
success: function(data) {
if (data.success) {
alert("登錄成功！");
// 登錄成功后可以根據需要進行頁面跳轉或其他操作
} else {
alert("用戶名或密碼錯誤！");
}
}
});
});

在上面的代碼中，我們通過ajax發(fā)送了一個POST請求到后端的"login.php"接口，并將表單數據作為請求的數據。根據后端返回的結果，可以在頁面上顯示相應的提示信息。當登錄成功時，我們可以進行頁面跳轉或其他操作。
通過上面的例子，可以看到使用ajax給當前頁面賦值非常方便，可以在不重新加載整個頁面的情況下，實時地更新頁面內容。ajax技術的應用場景非常廣泛，可以大大提升用戶體驗，減少頁面加載時間，值得我們在開發(fā)中加以應用。