Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menghantar Data Borang dengan API Ambil Menggunakan `application/x-www-form-urlencoded`?

Bagaimana untuk Menghantar Data Borang dengan API Ambil Menggunakan `application/x-www-form-urlencoded`?

Linda Hamilton
Linda Hamiltonasal
2024-11-03 18:30:29266semak imbas

How to Send Form Data with Fetch API Using `application/x-www-form-urlencoded`?

Menyiarkan Data Borang dengan API Ambil

Menyiarkan data borang dengan API Ambil menggunakan
FormData, yang sememangnya menggunakan format multipart/form-data. Jika anda ingin menghantar data menggunakan "Content-Type": "application/x-www-form-urlencoded", terdapat dua pilihan:

Membuat Badan yang dikodkan URL:

<code class="js">fetch("api/xxx", {
    body: "[email protected]&password=pw",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    method: "post"
})</code>

Menggunakan URLSearchParams:

Untuk membina objek URLSearchParams daripada elemen borang, anda boleh melelar melalui elemen atau menggunakan kaedah penukaran berikut:

const data = new URLSearchParams(new FormData(formElement)); fetch("api/xxx", { method: 'post', body: data, })

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Data Borang dengan API Ambil Menggunakan `application/x-www-form-urlencoded`?. 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