Bagaimana untuk Menghantar Permintaan x-www-form-urlencoded dengan Fetch?

Menghantar Permintaan x-www-form-urlencoded dengan Fetch

Dalam pembangunan web, MENYIASKAN data berkod borang ke pelayan adalah perkara biasa tugasan. Untuk mencapai ini menggunakan API Ambil, beberapa langkah diperlukan.

• Tentukan Parameter Permintaan:

  • Mulakan dengan mentakrifkan parameter borang yang anda ingin POST. Dalam contoh yang disediakan:

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

• Objek Permintaan Bina:

  • Buat Objek JavaScript dengan permintaan yang diperlukan sifat:

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

• Ekod Parameter Borang:

  • Untuk memasukkan borang yang dikodkan parameter, gunakan URLSearchParams objek:

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

• Laksanakan Permintaan:

  • Akhir sekali, laksanakan permintaan menggunakan yang baru dibina objek:

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

• Contoh Ringkas:

  • Untuk kesederhanaan, pendekatan yang lebih bersih adalah untuk menentukan kedua-dua parameter borang dan pengepala secara langsung dalam fetch() pilihan:

    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'
        })
    });

Rujuk dokumentasi Rangkaian Pembangun Mozilla untuk maklumat lebih terperinci: https://developer.mozilla.org/en-US/docs /Web/API/WindowOrWorkerGlobalScope/fetch

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