Wie übergebe und rufe ich ein vollständiges Modellobjekt mithilfe von FormData in MVC ab?

Übergeben und Abrufen von Modelldaten mithilfe von FormData in MVC

Das Übergeben eines vollständigen Modellobjekts über FormData kann bei der Arbeit mit komplexen Daten in Ihrem Unternehmen von Vorteil sein Webanwendung. So können Sie dies erreichen:

JavaScript:

Verwenden Sie den FormData()-Konstruktor mit dem Formularelement, um das Modell zu serialisieren:

var formdata = new FormData($('form').get(0));

Dadurch werden die Daten aus den Formularsteuerelementen erfasst, einschließlich aller über .

AJAX-Anfrage:

Konfigurieren Sie Ihre AJAX-Anfrage mit den entsprechenden Einstellungen:

$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,         
});

Controller:

Erstellen Sie in Ihrem Controller eine Aktion zur Handhabung des Anfrage:

[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}

MVC bindet die serialisierten Modelldaten automatisch an eine Instanz von YourModelType. Wenn das Modell eine Eigenschaft für HttpPostedFileBase enthält, kann Ihre Controller-Aktion auch einen Parameter dafür enthalten.

Zusätzliche Daten:

Wenn Sie zusätzliche Daten einschließen müssen nicht im Formular vorhanden ist, können Sie die Methode append() für das FormData-Objekt verwenden:

formdata.append('someProperty', 'SomeValue');

Indem Sie diese Schritte befolgen, können Sie dies tun Übertragen Sie bei einer AJAX-Anfrage ein komplettes Modellobjekt über FormData und rufen Sie es bequem in der entsprechenden Controller-Aktion zur weiteren Verarbeitung ab.

Das obige ist der detaillierte Inhalt vonWie übergebe und rufe ich ein vollständiges Modellobjekt mithilfe von FormData in MVC ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!