AJAX是一種在網(wǎng)頁中實現(xiàn)異步通信的技術(shù)，常用于向服務器提交數(shù)據(jù)或從服務器獲取數(shù)據(jù)。上傳圖片和修改頭像是網(wǎng)站開發(fā)中常見的功能之一。在本文中，將介紹使用Java編寫的AJAX上傳和修改頭像的源代碼，并舉例說明其使用方法。

對于上傳圖片，我們可以使用AJAX將圖片數(shù)據(jù)發(fā)送到服務器。下面是一個簡單的示例：

function uploadImage() {
var fileInput = document.getElementById('image-input');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('image', file);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.onload = function() {
if (xhr.status === 200) {
alert('上傳成功！');
} else {
alert('上傳失敗！');
}
};
xhr.send(formData);
}

在上面的代碼中，我們首先獲取了一個input元素，通過該元素可以選擇要上傳的圖片文件。然后，創(chuàng)建一個FormData對象，并將選擇的圖片文件添加到其中，通過XHR對象將FormData對象發(fā)送到服務器的/upload路徑。服務器可以根據(jù)需要進行文件的保存和處理。如果上傳成功，服務器應返回200狀態(tài)碼，客戶端可以根據(jù)狀態(tài)碼進行相應的提示。

除了上傳圖片，還需要提供修改頭像的功能。在這個功能中，我們可以使用AJAX請求服務器來對用戶的頭像進行修改。以下是一個示例代碼：

function changeAvatar() {
var newAvatar = document.getElementById('new-avatar').value;
var xhr = new XMLHttpRequest();
xhr.open('POST', '/update-avatar', true);
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function() {
if (xhr.status === 200) {
alert('頭像修改成功！');
} else {
alert('頭像修改失敗！');
}
};
var params = 'avatar=' + encodeURIComponent(newAvatar);
xhr.send(params);
}

在上述代碼中，我們首先獲取了一個輸入框的值，該輸入框中存儲了用戶想要設(shè)置的新頭像。然后，創(chuàng)建了一個XHR對象，并將請求的URL設(shè)置為/update-avatar。 通過XHR對象的send方法發(fā)送了一個名為avatar的參數(shù)。服務器可以根據(jù)該參數(shù)對用戶頭像進行相應的修改。如果修改成功，服務器應返回200狀態(tài)碼，客戶端可以根據(jù)狀態(tài)碼進行相應的提示。

通過以上示例代碼，我們可以看到AJAX上傳和修改頭像的過程非常簡單。通過發(fā)送異步請求，我們可以有效地將文件或數(shù)據(jù)發(fā)送到服務器，并獲取相應的結(jié)果。AJAX在實現(xiàn)上傳和修改頭像這樣的功能時非常有用，并且在網(wǎng)站開發(fā)中得到了廣泛的應用。