Bagaimana untuk menambah parameter rentetan pertanyaan kepada permintaan Ambil GET?

Penambahan Rentetan Pertanyaan dalam Permintaan Ambil GET

Semasa meneroka keupayaan rentetan pertanyaan Fetch API, pembangun bertujuan untuk menghantar parameter kepada permintaan GET menggunakan kaedah yang serupa dengan $ jQuery .ajax().

Penyelesaian

API Fetch baharu menggunakan URLSearchParams untuk menangani penambahan rentetan pertanyaan. Objek ini menawarkan cara yang mudah untuk membina dan mengubah suai parameter rentetan pertanyaan.

<code class="javascript">fetch('https://example.com?' + new URLSearchParams({
    foo: 'value',
    bar: 2,
}).toString())</code>

Kaedah URLSearchParams.toString() mengekod objek parameter ke dalam rentetan pertanyaan yang diformatkan dengan betul.

Sebagai alternatif, anda boleh meninggalkan panggilan .toString(), kerana JavaScript secara automatik memaksa objek bukan rentetan kepada rentetan apabila digabungkan dengan rentetan. Ambil perhatian bahawa pendekatan ini memerlukan pemahaman yang lebih mendalam tentang JavaScript.

Contoh Lengkap

Berikut ialah contoh komprehensif dengan parameter pertanyaan:

<code class="javascript">async function doAsyncTask() {
  const url = (
    'https://jsonplaceholder.typicode.com/comments?' +
    new URLSearchParams({ postId: 1 }).toString()
  );

  const result = await fetch(url)
    .then(response => response.json());

  console.log('Fetched from: ' + url);
  console.log(result);
}

doAsyncTask();</code>

Atas ialah kandungan terperinci Bagaimana untuk menambah parameter rentetan pertanyaan kepada permintaan Ambil GET?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!