在編寫網頁的過程中，我們經常需要與后端進行數據交互。而Ajax是一種常用的前后端交互方式，它能夠實現無需刷新頁面的數據傳輸。在Ajax中，我們經常使用action來傳遞參數并獲取后端的返回結果。

假設我們正在開發一個電商網站，需要顯示商品的詳細信息。我們可以使用Ajax來實現當用戶點擊某個商品時，通過傳遞商品的ID來獲取該商品的詳細信息，并在頁面上顯示出來。接下來我們將介紹如何使用Ajax傳遞參數和獲取返回結果。

$.ajax({
url: 'getProductInfo.php',
type: 'GET',
data: {productId: 123},
success: function(response) {
// 處理返回的數據
console.log(response);
}
});

在上述代碼中，我們使用了jQuery庫中封裝好的ajax方法。其中url參數指定了要請求的后端接口地址，type參數指定了請求的方法為GET，data參數是一個對象，用來指定傳遞的參數，productId是參數的名稱，123是參數的值。而success回調函數中的response參數則是后端返回的數據。

在上述示例中，我們使用了GET方法來發送請求，將參數直接以鍵值對的形式附加在url地址后面。但是在實際開發中，我們也可以使用POST方法來發送請求，并將參數放在請求體中。例如：

$.ajax({
url: 'getProductInfo.php',
type: 'POST',
data: {productId: 123},
success: function(response) {
// 處理返回的數據
console.log(response);
}
});

在上述代碼中，我們將type參數改為了POST，并將data參數中的值仍然設置為{productId: 123}。這樣便可以將參數傳遞到后端，并獲取返回的數據。

在實際開發中，我們的需求可能會更復雜。除了簡單的傳遞參數外，我們還可能需要根據不同的參數值做出不同的處理。例如，我們可以根據不同的商品ID請求不同的接口，并根據接口返回的數據來進行頁面的渲染。在下面的示例中，我們通過判斷參數值來決定請求哪個接口：

var productId = 123;
var api;
if (productId === 123) {
api = 'getProductInfo.php';
} else if (productId === 456) {
api = 'getProductInfo2.php';
}
$.ajax({
url: api,
type: 'GET',
data: {productId: productId},
success: function(response) {
// 處理返回的數據
console.log(response);
}
});

在上述代碼中，我們通過判斷productId的值來確定api的值。根據不同的productId，我們請求不同的接口。這種靈活的處理方式可以在實際開發中更好地滿足我們的需求。

綜上所述，通過Ajax傳遞參數并獲取返回結果是一種常見且有效的前后端交互方式。我們可以將參數以鍵值對的形式傳遞給后端，并根據返回的數據做出相應的處理。通過合理使用Ajax，我們可以實現更加豐富和動態的網頁交互效果。