jQuery + Ajax 可以比較方便地實現數據的傳輸,不僅可以傳遞單個數據,還可以傳遞多個數據。下面我們一起來看看如何用 jQuery + Ajax 傳遞多個數據。
使用 jQuery 的 $.ajax() 函數可以方便地發送 Ajax 請求,發送多個數據時,可以將數據封裝在一個對象中,然后傳遞該對象。以下是一個示例代碼:
$.ajax({ type: "POST", url: "example.php", data: { name: "John Doe", email: "john@example.com", age: 30 }, success: function(response) { console.log(response); } });
上述代碼中,我們通過 data 屬性傳遞了一個對象,該對象包含了三個屬性:name、email 和 age。在 PHP 中,可以通過 $_POST['name']、$_POST['email'] 和 $_POST['age'] 分別獲取這三個數據。在 success 回調函數中,我們可以處理服務器返回的數據。
如果需要發送的數據比較復雜,可以將數據封裝在一個數組或者對象中,然后將數組或對象轉換為 JSON 字符串,然后通過 data 屬性發送該字符串。以下是一個示例代碼:
var dataObj = { name: "John Doe", email: "john@example.com", age: 30, hobbies: ["reading", "swimming"], address: { city: "New York", country: "USA" } }; $.ajax({ type: "POST", url: "example.php", data: JSON.stringify(dataObj), contentType: "application/json", success: function(response) { console.log(response); } });
上述代碼中,我們先定義了一個包含了多個數據的對象 dataObj,包括 name、email、age、hobbies 和 address 等多個屬性。然后我們使用 JSON.stringify() 函數將該對象轉換為 JSON 字符串,再通過 data 屬性發送該字符串。在 contentType 屬性中指定發送的數據類型為 application/json。在 success 回調函數中,我們可以處理服務器返回的數據。