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
Lepaskan: 2024-11-03 18:30:29
asal
267 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan