如何使用 Fetch 發送 x-www-form-urlencoded 請求？

使用Fetch 傳送x-www-form-urlencoded 要求

在Web 開發中，將表單編碼的資料POST 到伺服器是一種常見的操作任務。要使用 Fetch API 完成此操作，需要執行幾個步驟。

• 定義請求參數：

  • 開始定義您想要 POST 的表單參數。在提供的範例中：

    {
        'userName': '[email protected]',
        'password': 'Password!',
        'grant_type': 'password'
    }

• 建構請求物件：

  var obj = {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
    },
  };

編碼表單參數：

• body: new URLSearchParams({
      'userName': '[email protected]',
      'password': 'Password!',
      'grant_type': 'password'
  })

執行請求：

• fetch('https://example.com/login', obj)
    .then(function(res) {
      // Do stuff with result
    }); 

  執行請求：

• 簡化範例：

  fetch('https://example.com/login', {
      method: 'POST',
      headers:{
        'Content-Type': 'application/x-www-form-urlencoded'
      },
      body: new URLSearchParams({
          'userName': '[email protected]',
          'password': 'Password!',
          'grant_type': 'password'
      })
  });

為了簡單起，見更簡潔的方法就是直接在fetch() 中指定表單參數和header選項：

有關更多詳細信息，請參閱Mozilla 開發者網絡文檔：https:// developer.mozilla.org/en-US/docs /Web/API/WindowOrWorkerGlobalScope/fetch

以上是如何使用 Fetch 發送 x-www-form-urlencoded 請求？的詳細內容。更多資訊請關注PHP中文網其他相關文章！