Bagaimana untuk Memberikan Pandangan Separa dalam ASP.NET MVC pada Klik Butang?

Memberikan Pandangan Separa pada Klik Butang dalam ASP.NET MVC

Senario biasa dalam ASP.NET MVC ialah keperluan untuk memuatkan separa secara dinamik melihat ke bahagian tertentu halaman, biasanya sebagai tindak balas kepada tindakan pengguna seperti mengklik butang. Teknik ini membolehkan paparan kandungan modular dan fleksibel tanpa memerlukan penyegaran halaman penuh.

Pernyataan Masalah

Andaikan anda mempunyai aplikasi ASP.NET MVC dengan borang carian yang memerlukan paparan hasil carian dalam bahagian berasingan halaman. Selepas mengklik butang carian, anda ingin mendapatkan semula hasil carian dan memaparkannya menggunakan paparan separa, tetapi bukan sebagai pengganti untuk keseluruhan kandungan halaman.

Penyelesaian

Untuk mencapai matlamat ini, anda boleh melaksanakan langkah berikut:

1. Buat Separa Paparan: Tentukan paparan separa dengan model yang akan memaparkan hasil carian.
2. Ubah suai Butang Carian: Gantikan butang dalam borang carian dengan butang HTML biasa dan tetapkan ia adalah ID.
3. Laksanakan JavaScript: Tambahkan pengendali acara JavaScript pada acara klik butang carian. Dalam pengendali ini, laksanakan panggilan AJAX menggunakan fungsi jQuery load().
4. Konfigurasikan Kaedah Pengawal: Kaedah pengawal yang mengendalikan klik butang carian harus menerima parameter carian dan mengembalikan separa lihat dengan keputusan sebagai modelnya.

Contoh Pelaksanaan

HTML:

<button>

JavaScript:

var url = '@Url.Action("DisplaySearchResults", "Search")';
$('#search').click(function() {
  var searchText = $('#searchInput').val();
  $('#searchResults').load(url, {searchText: searchText});
});

Kaedah Pengawal:

public ActionResult DisplaySearchResults(string searchText)
{
  var model = // Build the model based on the searchText parameter

  return PartialView("SearchResults", model);
}

Pendekatan ini membolehkan pandangan separa menjadi dipaparkan secara dinamik dalam div yang ditentukan tanpa memuatkan semula keseluruhan halaman, menyediakan cara yang mesra pengguna dan cekap untuk memaparkan hasil carian.

Atas ialah kandungan terperinci Bagaimana untuk Memberikan Pandangan Separa dalam ASP.NET MVC pada Klik Butang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!