Wie append ganze Reihe von Modell zu formdata und erhalten Sie es in MVC

Wie gebe ich eine ganze Reihe Modell formdata-Objekt durch und konvertieren Sie es in das Modell, der Typ in der regler?

Unten ist, was ich versucht habe!

JavaScript-Teil:

model = {
             EventFromDate: fromDate,
             EventToDate: toDate,
             ImageUrl: imgUrl,
             HotNewsDesc: $("#txthtDescription").val().trim(),
        };
formdata.append("model",model);

dann führen Sie es durch AJAX, wird es ein string, und wenn ich den Wert von Request.Form["model"] das Ergebnis wird das gleiche sein, dass ist es empfangen wird, als string und der Wert wird "[object object]"

Gibt es eine Möglichkeit, pass-Modell durch formdata und erhalten Sie es in der Steuerung?

Ich nicht, Antworten Sie einfach mit diesem here?
Ich ließ eine Bemerkung @StephenMuecke. Das ist, warum ich es hier gepostet...

InformationsquelleAutor Guruprasad Rao | 2015-03-27

ajax asp.net-mvc c#form-data javascript

79

Wenn Ihre Ansicht basiert auf einem Modell und generiert die Steuerelemente innerhalb <form> - tags, dann können Sie serialisieren, die das Modell zu FormData mit
```
var formdata = new FormData($('form').get(0));
```
Diese auch alle generierten Dateien mit <input type="file" name="myImage" .../>

und schicken Sie es zurück mit
```
$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,         
});
```
und im controller
```
[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}
```
oder (wenn Ihr Modell nicht über eine Eigenschaft für HttpPostedFileBase)
```
[HttpPost]
public ActionResult YourActionName(YourModelType model, HttpPostedFileBase myImage)
{
}
```
Wenn Sie hinzufügen möchten zusätzliche Informationen, die nicht in der form, dann Sie können fügen es mit
```
formdata.append('someProperty', 'SomeValue');
```
Ich danke Ihnen sehr. Es ist wirklich eine der schwierigsten Frage in Bezug auf Ajax-Aufruf und mit der Hilfe von Euch, es ist gelöst 🙂 ich Frage mich, ob es möglich ist auch mit Html.BeginForm und Ajax.BeginForm statt <form>? Wenn ja, welche änderungen sollten angewendet werden?
Ja, es ist möglich, mit Html.BeginForm() einschließen, um Dateien mit einem normalen submit-normal. Sorry, ich bin ein wenig verloren. Die Frage war dies in Bezug auf?
Keine seiner nicht mit Ajax.BeginForm(). In jedem Fall ist die Ajax Methoden sind veraltet (Sie sind auch nicht mehr enthalten in der aktuellen version des MVC) und mit $.ajax() (oder dessen Derivate wie $.get(), $.load() etc geben Ihnen viel mehr Flexibilität.
Ja das ist eine weitere option, aber warum nicht einfach FormData wie pro die Antwort? (oder sind Sie benötigen diese für die ältere Browser nicht unterstützen?)
Es werden mehrere Dateien hochladen (die parameter müssen nur IEnumerable<HttpPostedFileBase> wenn Sie hatte eine <input type="file" multiple="multiple" ... />

InformationsquelleAutor

Wenn Sie möchten, senden von Formulardaten mit Ajax.Dies ist der Weg zu senden

var formData = new FormData();

//File Upload
   var totalFiles = document.getElementById("Iupload").files.length;


for (var i = 0; i < totalFiles; i++) {
    var file = document.getElementById("Iupload").files[i];

    formData.append("Document", file);
}

formData.append("NameCode", $('#SelecterID').val());
formData.append("AirLineCode", $('#SelecterID').val());


$.ajax({
        url: "/Controller/ActionName",
        type: "POST",
        dataType: "JSON",
        data: formData,
        contentType: false,
        processData: false,
        success: function (result) {
    }
})

retten meinen Tag, Bruder ......vielen Dank 🙂
Willkommen Bruder
Im server-Seite, erhalten Sie die Dateien mithilfe Ersuchen.Dateien
ja-Minh.Sollte es so sein.

InformationsquelleAutor user3824027

In der Ansicht Seite ,wenn Sie mit ajax dann,

$('#button_Id').on('click', function(){
        var Datas=JSON.stringify($('form').serialize());
        $.ajax({
            type: "POST",
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            url: '@Url.Action("ActionName","ControllerName")',
            data:Datas,
            cache: false,
            dataType: 'JSON',
            async: true,
            success: function (data) {

            },
        });
    });

In der Controller-Seite,

 [HttpPost]
 public ActionResult ActionName(ModelName modelObj)
 {
 //Some code here
 }

InformationsquelleAutor Sam

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.