Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menghantar Permintaan POST x-www-form-urlencoded dengan Ambil?

Bagaimana untuk Menghantar Permintaan POST x-www-form-urlencoded dengan Ambil?

Barbara Streisand
Barbara Streisandasal
2024-11-21 08:28:14920semak imbas

How to Submit x-www-form-urlencoded POST Requests with Fetch?

Menyiarkan Permintaan x-www-form-urlencoded dengan Fetch

Untuk menyerahkan parameter yang dikodkan borang ke pelayan menggunakan Fetch, anda boleh menggunakan langkah berikut:

  1. Tentukan permintaan parameter:

    const params = {
      'userName': '[email protected]',
      'password': 'Password!',
      'grant_type': 'password'
    };
  2. Tetapkan pengepala permintaan dan kaedah:

    var obj = {
      method: 'POST',
      headers: {
     'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      },
    };
  3. Ekodkan parameter menggunakan antara muka URLSearchParams:

    const encodedParams = new URLSearchParams();
    params.forEach((value, key) => encodedParams.append(key, value));
  4. Nyatakan badan permintaan:

    obj.body = encodedParams.toString();
  5. Akhir sekali, buat permintaan:

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

Proses ini mengekod dengan berkesan dan termasuk parameter yang dikodkan borang dalam permintaan POST, memastikan penyerahannya kepada pelayan dalam format yang serasi dengan API anda.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Permintaan POST x-www-form-urlencoded dengan Ambil?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn