前端開發中，經常需要在頁面之間傳遞數據。而AJAX是一種常用的技術，可以在不刷新整個頁面的情況下，通過異步請求和響應的方式，實現頁面之間的數據傳遞。當用戶通過點擊按鈕或者其他操作觸發事件時，可以將當前頁面的數據傳遞給下一個頁面進行處理。本文將詳細介紹如何通過AJAX接收上一個頁面傳遞的值，并通過舉例進行說明。
通常情況下，我們可以通過URL的參數來傳遞數據。上一個頁面可以將需要傳遞的值附加在URL后面，例如：http://example.com/nextpage?id=123。在下一個頁面中，我們可以通過JavaScript獲取URL中的參數，從而獲得傳遞過來的值。
下面是一個示例代碼：

function getUrlParam(name) {
// 獲取URL中的參數
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
var id = getUrlParam('id'); // 獲取名為id的參數值
console.log(id); // 輸出傳遞過來的值

在上面的代碼中，我們定義了一個名為getUrlParam的函數，該函數接收一個參數name，用于獲取URL中的參數值。然后我們通過調用getUrlParam函數，并傳入'name'作為參數，來獲取名為id的參數值。最后使用console.log輸出。
假設我們有一個頁面A，頁面A中有一個按鈕，當用戶點擊該按鈕時，我們將當前頁面的值傳遞給頁面B。頁面B中，可以通過上面的方法獲取到傳遞過來的值。
例如，頁面A中的代碼如下：

<button id="btn">點擊傳遞值</button>
<script>
document.getElementById('btn').onclick = function() {
var value = 'hello';  // 當前頁面的值
window.location.href = "nextpage.html?id=" + value; // 跳轉到下一個頁面，并將值做為參數傳遞
}
</script>

在上述代碼中，當按鈕被點擊時，我們定義了一個名為value的變量，值為'hello'。然后通過window.location.href將值作為參數傳遞給nextpage.html頁面。
在頁面B（即nextpage.html）中，我們將通過之前提到的方法獲取傳遞過來的值。

<script>
function getUrlParam(name) {
// 獲取URL中的參數
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
var id = getUrlParam('id'); // 獲取名為id的參數值
console.log(id); // 輸出傳遞過來的值
</script>

在上面的代碼中，我們定義了和之前相同的getUrlParam函數，并通過調用該函數獲取到頁面A中傳遞過來的值，并將其輸出到控制臺。
通過以上的代碼示例，我們可以看到，在使用AJAX接收上一個頁面傳遞的值時，我們可以通過獲取URL中的參數的方式來獲得這些值。只需要定義一個獲取URL參數的函數，然后通過調用該函數傳入參數名，即可得到相應的參數值。在實際開發中，根據具體的需求，我們可以使用更多的方法來接收上一個頁面傳遞的值，如使用localStorage、sessionStorage等。
當然，在接收上一個頁面傳遞的值時，我們還需要考慮各種情況的處理，如參數不存在等。如果數據較為復雜或者需要進行處理，建議使用JSON格式進行傳遞，并在接收時進行相應的解析。例如，在頁面A中使用JSON.stringify方法將數據轉換為字符串格式傳遞，然后在頁面B中使用JSON.parse方法進行解析。
總而言之，通過AJAX接收上一個頁面傳遞的值是一個常見的需求，在前端開發中起到了重要的作用。通過獲取URL的參數，我們可以輕松地獲取上一個頁面傳遞的值，并進行相應的操作和處理。不同的業務場景中，我們還可以使用其他方法來接收和處理上一個頁面傳遞的值，以滿足實際需求。