Wie rendere ich eine Teilansicht in ASP.NET MVC beim Klicken auf eine Schaltfläche?

Teilansicht beim Klicken auf eine Schaltfläche in ASP.NET MVC rendern

Übersicht

Dieser Artikel befasst sich mit dem Rendern einer Teilansicht auf der Clientseite nach einem Durch Klicken auf eine Schaltfläche wird ein häufiges Problem in ASP.NET MVC-Anwendungen gelöst. Wir werden untersuchen, wie Sie:

• das Schaltflächenklickereignis erfassen
• Daten an den Controller senden
• die Teilansicht innerhalb eines bestimmten Div rendern

Problembeschreibung

In einer vereinfachten ASP.NET MVC-Anwendung versuchen wir, Suchergebnisse dynamisch in einem anzuzeigen div auf Knopfdruck. Die Herausforderung besteht darin, Daten über einen Datenbankzugriff abzurufen und dann die Teilansicht mithilfe dieser Daten zu rendern, ohne die gesamte Seite neu zu laden.

Lösung

1. Ereignisbehandlung:

Ersetzen Sie die Schaltfläche durch:

<button></button>

2. JavaScript:

Fügen Sie das folgende Skript hinzu:

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

• Dieses Skript erfasst das Klickereignis und sendet den Suchtext mithilfe der .load()-Methode von jQuery an den Controller.

3. Controller-Methode:

Ändern Sie die Controller-Methode, um den Suchtext zu akzeptieren:

public ActionResult DisplaySearchResults(string searchText)
{
  var model = // Build model based on search text
  return PartialView("SearchResults", model);
}

• Diese Methode ruft die Daten aus der Datenbank ab und gibt die Teilansicht zurück.

Zusätzlich Überlegungen

• Validierung: Wenn das SearchCriterionModel mehrere Eigenschaften mit Validierungsattributen enthält, verwenden Sie eine Senden-Schaltfläche und verarbeiten Sie stattdessen das .submit()-Ereignis des Formulars.
• Controller-Methodensignatur: Aktualisieren Sie die Controller-Methode, um das gesamte SearchCriterionModel zu erhalten Objekt:

public ActionResult DisplaySearchResults(SearchCriterionModel criteria)

Tipps zum Rendern der Teilansicht innerhalb des Div

• Stellen Sie sicher, dass das Div eine eindeutige ID hat, z. B. „searchResults“.
• Die Teilansicht selbst sollte eine eigene Modellklasse und Daten haben.
• Die Methode .load() aktualisiert den Inhalt der div mit dem generierten HTML aus der Teilansicht.

Das obige ist der detaillierte Inhalt vonWie rendere ich eine Teilansicht in ASP.NET MVC beim Klicken auf eine Schaltfläche?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!