Bagaimana untuk Menghantar Data JSON dengan Berkesan Menggunakan Kaedah POST Ambil?

Membuat Permintaan POST dengan Ambil: Menghantar Data JSON

Dalam dunia pembangunan web, selalunya perlu untuk menghantar data ke pelayan menggunakan kaedah POST. Selalunya, data ini mengambil bentuk objek JSON. Untuk mencapai perkara ini menggunakan API Ambil, kami akan menyelidiki langkah-langkah yang diperlukan.

Seperti yang dinyatakan dalam gesaan yang diberikan, kuncinya ialah melampirkan versi bertali bagi objek JSON pada badan permintaan. Walau bagaimanapun, contoh kod yang disediakan nampaknya menghadapi masalah apabila data JSON gagal dihantar.

Untuk menyelesaikan isu ini, kami boleh menggunakan sintaks async/menunggu ES2017, yang menyediakan pendekatan yang lebih ringkas dan boleh dibaca.

Berikut ialah coretan kod yang dikemas kini yang menunjukkan proses:

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

Dalam kod ini, sintaks tak segerak/menunggu digunakan untuk menjadikan fungsi tak segerak. Kata kunci await menjeda pelaksanaan fungsi sehingga rawResponse diterima daripada API. Setelah respons tersedia, kaedah json() digunakan untuk menghuraikan kandungan JSON.

Dengan mengikuti pendekatan ini, anda boleh SIARAN data JSON dengan berkesan menggunakan API Ambil. Ingat untuk melaraskan URL dan data agar sepadan dengan keperluan khusus anda.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Data JSON dengan Berkesan Menggunakan Kaedah POST Ambil?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!