AJAX是一種常用的前端技術，它可以實現動態更新網頁內容，提升用戶體驗。在網頁中，我們經常需要上傳表單和文件，通過使用AJAX技術，可以實現無刷新上傳的效果，給用戶帶來更好的交互體驗。

比如，我們可以通過AJAX技術實現一個留言板功能。用戶在留言板中填寫表單，點擊提交按鈕后，不需要刷新頁面，即可將留言內容提交到后端服務器進行處理。這樣，在用戶提交留言的同時，其它用戶也可以看到最新的留言內容。這種無刷新提交功能就是通過AJAX技術實現的。類似的場景還有評論功能、注冊功能等，都可以通過AJAX上傳表單實現即時更新。

在使用AJAX上傳表單時，我們可以使用XMLHttpRequest對象來發送HTTP請求，并使用FormData對象來存儲表單數據。下面是一個使用AJAX上傳表單的示例：

const form = document.querySelector('form');
const xhr = new XMLHttpRequest();
const formData = new FormData(form);
xhr.open('POST', '/submit', true);
xhr.send(formData);

上述代碼中，我們首先獲取到表單元素，并創建一個XMLHttpRequest對象。然后，使用FormData對象獲取表單的數據，并將其發送到后端服務器的指定URL上。在這個過程中，使用了open()方法來指定請求的方法和URL，使用send()方法將表單數據發送到后端服務器。

除了上傳表單數據，使用AJAX還可以實現文件上傳功能。例如，用戶選擇一個圖片文件，在選擇文件后，通過AJAX技術將圖片文件上傳到服務器。下面是一個使用AJAX上傳文件的示例：

const fileInput = document.querySelector('input[type="file"]');
const xhr = new XMLHttpRequest();
const formData = new FormData();
formData.append('file', fileInput.files[0]);
xhr.open('POST', '/upload', true);
xhr.send(formData);

上述代碼中，我們首先獲取到文件輸入框元素，并創建一個XMLHttpRequest對象。然后，創建一個FormData對象，并使用append()方法將選擇的文件添加到FormData對象中。最后，使用open()方法指定請求的方法和URL，使用send()方法將文件數據發送到后端服務器。

總結起來，通過使用AJAX技術，我們可以實現無刷新上傳表單和文件的功能。無論是上傳表單還是上傳文件，都可以通過創建XMLHttpRequest對象，使用FormData對象來存儲數據，并發送HTTP請求到后端服務器。這種無刷新上傳的方式能夠提升用戶體驗，同時也為開發者提供了更靈活的操作方式。