Rumah > hujung hadapan web > tutorial js > Mengapa Permintaan Fetch POST Saya Tidak Menghantar Data JSON Saya?

Mengapa Permintaan Fetch POST Saya Tidak Menghantar Data JSON Saya?

Susan Sarandon
Lepaskan: 2024-12-13 06:00:21
asal
415 orang telah melayarinya

Why Isn't My Fetch POST Request Sending My JSON Data?

Menyiarkan Data JSON dengan Ambil

Anda sedang cuba MENYIARKAN objek JSON menggunakan Ambil, tetapi menghadapi masalah di mana objek itu berada' t dihantar dalam permintaan.

Coretan kod yang disediakan ialah percubaan untuk menghantar objek JSON kepada JSON titik akhir gema. Walau bagaimanapun, ia tidak berfungsi seperti yang diharapkan. Isi permintaan tidak dikonfigurasikan dengan betul untuk mengandungi objek JSON bertali.

Dalam ES2017, menggunakan async/wait, berikut ialah cara untuk MENYIARKAN muatan JSON dengan betul:

(async () => {
  const rawResponse = await fetch('https://httpbin.org/post', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({a: 1, b: 'Textual content'})
  });
  const content = await rawResponse.json();

  console.log(content);
})();
Salin selepas log masuk

Coretan kod ini termasuk kunci berikut kemas kini:

  • Async/wait: Kod kini memanfaatkan async/wait untuk kod async yang lebih bersih dan boleh dibaca.
  • Konfigurasi Badan yang Betul: Badan permintaan kini ditetapkan kepada objek JSON bertali, memastikan ia dihantar dengan betul dalam permintaan.

Dengan melaksanakan perubahan ini, permintaan pengambilan anda harus menghantar objek JSON dengan betul ke titik akhir gema.

Atas ialah kandungan terperinci Mengapa Permintaan Fetch POST Saya Tidak Menghantar Data JSON Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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