現如今，在Web開發中，實現頁面的無刷新更新已經成為一個非常常見的需求。而AJAX（Asynchronous JavaScript and XML）的出現完美地解決了這個問題。AJAX可以在不重新加載整個頁面的情況下，實現部分數據的更新，給用戶帶來更流暢的使用體驗。

在AJAX中，我們常常需要向服務器傳遞參數，以獲取具體的數據。通過傳遞參數，我們可以對數據庫進行查詢、過濾、排序等操作，從而得到我們想要的結果。而AJAX傳參數的方式可以分為兩種：原始方式和JSON方式。

原始方式

在AJAX中，原始方式指的是通過URL參數和GET/POST方法來傳遞參數。例如，我們在一個網頁上有一個搜索框，用戶輸入關鍵字后，點擊搜索按鈕，頁面會通過AJAX去向服務器請求相關的搜索結果。在這種情況下，我們需要將用戶輸入的關鍵字作為參數傳遞給服務器。

function search(keyword) {
var xhr = new XMLHttpRequest();
var url = "search.php?keyword=" + keyword;
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = xhr.responseText;
// 處理返回的結果
}
};
xhr.send();
}

在上面的示例中，我們將用戶輸入的關鍵字作為URL參數傳遞給服務器。服務器接收到請求后，可以通過$_GET變量來獲取關鍵字的值，然后進行相關的操作，并將結果返回給前端。

除了GET方法，我們還可以使用POST方法來傳遞參數。POST方法相比于GET方法的優點是可以傳遞大量的數據，并且數據不會顯示在URL中。下面是一個使用POST方法傳遞參數的示例：

function saveData(data) {
var xhr = new XMLHttpRequest();
var url = "save.php";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = xhr.responseText;
// 處理返回的結果
}
};
xhr.send("data=" + data);
}

上面的示例中，我們將數據作為參數傳遞給服務器，服務器接收到請求后，可以通過$_POST變量來獲取數據的值，并進行相應的處理。

結論

通過原始方式傳遞參數，可以簡單直觀地將參數附加在URL中，或者通過POST方法發送數據到服務器。這種方式雖然簡單，但是存在一些問題。首先，參數直接暴露在URL中，可能會造成安全風險；其次，每次傳遞參數都需要手動拼接URL或者發送數據，不夠靈活。因此，在實際開發中，我們更推薦使用JSON方式來傳遞參數，這將在下一篇文章中進行介紹。