AJAX是一種在不重新加載整個網頁的情況下，通過后臺服務器與前臺頁面之間的數據交換和更新頁面內容的技術。其中AJAX中的xhr.send()方法是非常重要的一部分，它用于向服務器發送HTTP請求并接收響應。本文將詳細介紹xhr.send()方法的使用及其在實際開發中的應用。

首先，我們來看一個簡單的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true);
xhr.send();

在這個例子中，我們創建了一個XMLHttpRequest對象，并使用open()方法指定了一個GET請求，請求的地址是example.com/data。然后，我們調用了xhr.send()方法，該方法沒有傳入任何參數，表示不發送任何數據到服務器，只是向服務器發送了一個空請求。

除了空請求外，我們還可以通過xhr.send()方法發送數據到服務器。例如：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({name: 'John', age: 20}));

在這個例子中，我們指定了一個POST請求，請求的地址是example.com/data。通過setRequestHeader()方法，我們設置了請求頭的Content-Type為application/json，表示請求的數據是JSON格式。然后，我們使用JSON.stringify()方法將一個包含name和age屬性的對象轉換成JSON字符串，作為xhr.send()方法的參數發送到服務器。

xhr.send()方法還可以和xhr.setRequestHeader()方法一起使用，設置其他的請求頭。例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true);
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.send();

在這個例子中，我們使用setRequestHeader()方法設置了一個名為X-Requested-With的請求頭，值為XMLHttpRequest。這樣，服務器端就可以根據該請求頭判斷請求是通過AJAX發起的，而不是普通的頁面請求。

xhr.send()方法還可以接收一個FormData對象作為參數，用于發送表單數據到服務器。例如：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.com/form', true);
var formData = new FormData();
formData.append('name', 'John');
formData.append('age', 20);
xhr.send(formData);

在這個例子中，我們先創建了一個FormData對象，然后使用append()方法添加了name和age字段的值，最后將formData作為xhr.send()方法的參數發送到服務器。

綜上所述，xhr.send()方法是AJAX中非常重要的一部分，用于向服務器發送HTTP請求并接收響應。無論是發送空請求、發送數據、設置請求頭還是發送表單數據，xhr.send()方法都可以實現這些功能。在實際開發中，我們需要靈活運用xhr.send()方法，根據需求發送不同類型的請求，并根據服務器的響應進行相應的處理。