AJAX是一種用于在網頁上無刷新地與后端進行數據交互的技術。在前端發起AJAX請求時，可以通過不同的方式將數據傳給后端。本文將介紹如何使用AJAX接收前端傳過來的數據，并通過豐富的例子進行說明。

一般來說，前端通過AJAX傳遞數據給后端，可以通過HTTP請求的URL查詢字符串、請求頭部、請求體等方式進行傳輸。下面我將依次通過舉例的方式介紹。

通過URL查詢字符串傳遞數據

function sendData() {
var data = { name: "John", age: "25" };
var url = "example.com/api?name=" + data.name + "&age=" + data.age;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();
}

上述代碼中，我們通過在URL中拼接name和age參數的方式傳遞數據。后端可以通過解析URL獲取到這些參數，并進行相應的處理。

通過請求頭部傳遞數據

function sendData() {
var data = { name: "John", age: "25" };
var url = "example.com/api";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(data));
}

在這個例子中，我們使用POST請求，并將數據通過請求頭部的Content-Type設置為"application/json"的方式傳遞。后端需要解析請求頭部，找到對應的數據進行處理。

通過請求體傳遞數據

function sendData() {
var data = { name: "John", age: "25" };
var url = "example.com/api";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(data));
}

在這個例子中，我們仍然使用POST請求，但是將數據直接放在請求體中傳輸。后端可以通過解析請求體獲取數據進行處理。

通過以上的三個例子，我們可以看到不同的數據傳遞方式。根據實際需求，我們可以選擇最適合的方式來接收前端傳過來的數據。無論選擇哪種方式，都需要在后端進行相應的處理，以確保數據能夠被正確接收和處理。

總結來說，前端通過AJAX傳遞數據給后端可以通過URL查詢字符串、請求頭部或者請求體等方式進行傳輸，并且可以根據實際需求選擇最合適的方式。在后端，我們需要根據選擇的方式解析數據，進行相應的處理。通過這種方式，我們可以實現前后端之間的數據交互，并且在網頁上實現無刷新的體驗。