Rumah > hujung hadapan web > tutorial js > Contoh Param Pertanyaan API extjs

Contoh Param Pertanyaan API extjs

Mary-Kate Olsen
Lepaskan: 2024-10-01 16:19:03
asal
321 orang telah melayarinya

Parameter

extjs API Query Params Examples

Pertanyaan API ialah pasangan nilai kunci yang dilampirkan pada URL permintaan API untuk menghantar maklumat tambahan kepada pelayan. Mereka membenarkan pelanggan (seperti pelayar web atau aplikasi) untuk menentukan kriteria tertentu atau menghantar data apabila membuat permintaan kepada pelayan.

Parameter pertanyaan ditambahkan pada penghujung URL selepas tanda soal (?). Setiap parameter ialah pasangan nilai kunci, dengan kunci dan nilai dipisahkan oleh tanda sama dengan (=). Jika terdapat berbilang parameter pertanyaan, ia dipisahkan oleh ampersand (&).

Cara Parameter Pertanyaan Digunakan:
Penapisan Data: Pelanggan boleh menggunakan parameter pertanyaan untuk menapis data yang mereka inginkan. Contohnya, ?category=books mungkin memberitahu pelayan untuk hanya memulangkan item daripada kategori "buku".

Penomboran: Parameter pertanyaan sering digunakan untuk penomboran dalam permintaan API, membolehkan pelanggan menentukan halaman hasil yang hendak diambil dan bilangan item setiap halaman. Contoh: ?page=2&limit=10.

Isih dan Susunan: Parameter pertanyaan boleh digunakan untuk menentukan cara data harus diisih. Contohnya, ?sort=price&order=asc boleh mengarahkan pelayan untuk memulangkan item yang diisih mengikut harga dalam tertib menaik.

Meluluskan Istilah Carian: API sering menggunakan parameter pertanyaan untuk membolehkan pelanggan mencari data. Sebagai contoh, ?search=laptop mungkin digunakan untuk mencari semua produk yang sepadan dengan istilah "komputer riba."

Parameter pertanyaan sangat fleksibel dan boleh digunakan dalam pelbagai cara, bergantung pada cara API direka bentuk. Mereka membenarkan interaksi dinamik antara pelanggan dan pelayan, menjadikannya lebih mudah untuk meminta data tersuai.

  1. Pengendalian Parameter Pertanyaan Asas Pengendali API ini menunjukkan cara mengekstrak dan menggunakan parameter pertanyaan untuk mengembalikan salam yang diperibadikan.
// pages/api/greet.js

export default function handler(req, res) {
  const { name } = req.query; // Get the 'name' query parameter
  const greeting = name ? `Hello, ${name}!` : 'Hello, stranger!';

  res.status(200).json({ message: greeting });
}

Salin selepas log masuk

Contoh penggunaan:
/api/greet?name=John akan kembali { "message": "Hello, John!" }
/api/greet akan kembali { "message": "Hello, stranger!" }

  1. Berbilang Parameter Pertanyaan Dalam contoh ini, pengendali API mengekstrak berbilang parameter pertanyaan untuk mengembalikan respons berformat berdasarkan input pengguna.
// pages/api/user.js

export default function handler(req, res) {
  const { name, age } = req.query; // Get 'name' and 'age' query parameters

  if (!name || !age) {
    res.status(400).json({ error: 'Name and age are required' });
    return;
  }

  res.status(200).json({ message: `User ${name} is ${age} years old.` });
}
Salin selepas log masuk

Contoh penggunaan:
/api/user?name=Jane&age=28 akan mengembalikan { "message": "User Jane berumur 28 tahun." }
/api/user?name=Jane akan mengembalikan { "error": "Nama dan umur diperlukan" }

  1. Parameter Pertanyaan Pilihan dengan Nilai Lalai Contoh ini menunjukkan cara mengendalikan parameter pertanyaan pilihan dengan memberikan nilai lalai apabila parameter tiada.
// pages/api/score.js

export default function handler(req, res) {
  const { player = 'Anonymous', score = '0' } = req.query; // Default values if missing

  res.status(200).json({ message: `${player} scored ${score} points!` });
}
Salin selepas log masuk

Contoh penggunaan:
/api/score?player=Alex&score=100 akan mengembalikan { "message": "Alex mendapat 100 mata!" }
/api/score akan mengembalikan { "message": "Anonymous scored 0 points!" }

  1. Mengendalikan Tatasusunan dalam Parameter Pertanyaan Next.js membenarkan parameter pertanyaan dihantar sebagai tatasusunan. Contoh ini menunjukkan cara mengendalikan tatasusunan nilai.
// pages/api/tags.js

export default function handler(req, res) {
  const { tags } = req.query; // Get 'tags' query parameter (array)

  if (!tags) {
    res.status(400).json({ error: 'Tags are required' });
    return;
  }

  res.status(200).json({ message: `You have selected these tags: ${tags.join(', ')}` });
}
Salin selepas log masuk

Contoh penggunaan:
/api/tags?tags=javascript&tags=react akan mengembalikan { "message": "Anda telah memilih tag ini: javascript, react" }
/api/tags akan mengembalikan { "error": "Tag diperlukan" }

  1. Penomboran dengan Parameter Pertanyaan Pengendali ini menunjukkan cara melaksanakan penomboran menggunakan parameter pertanyaan untuk halaman dan had.
// pages/api/items.js

export default function handler(req, res) {
  const { page = 1, limit = 10 } = req.query; // Default values for page and limit
  const startIndex = (page - 1) * limit;
  const endIndex = startIndex + Number(limit);

  // Dummy data for demonstration
  const items = Array.from({ length: 100 }, (_, i) => `Item ${i + 1}`);
  const paginatedItems = items.slice(startIndex, endIndex);

  res.status(200).json({
    currentPage: page,
    perPage: limit,
    items: paginatedItems,
  });
}
Salin selepas log masuk

Contoh penggunaan:
/api/items?page=2&limit=5 akan mengembalikan 5 item seterusnya, seperti { "item": ["Item 6", "Item 7", "Item 8", "Item 9", "Item 10"] }
/api/items (nilai lalai) akan mengembalikan 10 item pertama, seperti { "item": ["Item 1", "Item 2", ..., "Item 10"] }

Contoh ini menunjukkan fleksibiliti menggunakan parameter pertanyaan dalam laluan API Next.js, meliputi corak biasa seperti parameter tunggal atau berbilang, nilai pilihan, tatasusunan dan penomboran.

Atas ialah kandungan terperinci Contoh Param Pertanyaan API extjs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
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