在 Web 開發中，Ajax 已經是一種被廣泛采用的技術。簡單來說，Ajax 是通過 JavaScript 發起異步請求，通過更新頁面局部內容，實現無刷新的效果。但是，Ajax 的請求方式也不是僅限于 GET 和 POST。今天，我們來深入探討 Ajax 的五種提交方式，并且提供具體的代碼示例。

GET 請求是最常見的 Ajax 提交方式。它將數據作為查詢字符串附加到 URL 中，并使用 HTTP GET 方法發送請求。GET 請求是無害的，因為它只讀取服務器上的數據而不會對其進行更改。

下面是一個簡單的 GET 請求示例：

$.ajax({
   url: "example.php",
   type: "GET",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中，我們使用 jQuery.ajax() 方法發起了一個 GET 請求，請求的 URL 是 ，數據是 。請求成功后，回調函數 將返回的數據輸出到了控制臺中。

2. POST 請求

POST 請求將數據作為請求正文發送到服務器，并使用 HTTP POST 方法發送請求。POST 請求通常用于向服務器發送數據，例如提交表單。POST 請求具有更多的安全性和更大的數據容量。

下面是一個簡單的 POST 請求示例：

$.ajax({
   url: "example.php",
   type: "POST",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中，我們使用了和前面相同的 jQuery.ajax() 方法，只是將請求方式改為了 POST。數據仍然是 。POST 請求成功后，回調函數 將返回的數據輸出到了控制臺中。

3. PUT 請求

PUT 請求是一種向服務器發送更新資源的請求。PUT 請求將指定的資源更新為請求正文中提供的數據。PUT 請求通常用于更新、替換或創建資源。

下面是一個簡單的 PUT 請求示例：

$.ajax({
   url: "example.php",
   type: "PUT",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中，我們使用了和前面相同的 jQuery.ajax() 方法，只是將請求方式改為了 PUT。數據仍然是 。PUT 請求成功后，回調函數 將返回的數據輸出到了控制臺中。

4. DELETE 請求

DELETE 請求是一種向服務器發送刪除資源的請求。DELETE 請求將指定的資源刪除，并且只在特定的 RESTful API 中使用。

下面是一個簡單的 DELETE 請求示例：

$.ajax({
   url: "example.php",
   type: "DELETE",
   data: { id: 123 }
})
.done(function( data ) {
  console.log(data);
});

在上述示例中，我們使用了和前面相同的 jQuery.ajax() 方法，只是將請求方式改為了 DELETE。數據是 ，表示刪除 ID 為 123 的資源。DELETE 請求成功后，回調函數 將返回的數據輸出到了控制臺中。

5. OPTIONS 請求

OPTIONS 請求用于獲取與特定資源相關的一些信息，例如允許跨域請求的方法。OPTIONS 請求通常在跨域請求中使用。

下面是一個簡單的 OPTIONS 請求示例：

$.ajax({
   url: "example.php",
   type: "OPTIONS",
})
.done(function( data, textStatus, xhr ) {
  console.log(xhr.getAllResponseHeaders());
});

在上述示例中，我們使用了和前面相同的 jQuery.ajax() 方法，只是將請求方式改為了 OPTIONS。請求成功后，回調函數 將返回的響應頭輸出到了控制臺中。

本文通過具體的 Ajax 請求方式和代碼示例，解釋了 GET、POST、PUT、DELETE 和 OPTIONS 這五種方式的不同。我們應該選擇合適的請求方式來滿足我們的需求。只有深入了解和理解這些 Ajax 請求方式，我們才能更好地進行 Web 開發，并且提供更好的用戶體驗。