Pasing Javascript Ergebnis anzeigen

Question

Ich habe eine Frage, ich bin wirklich neu in der Arbeit mit Asp.net. Ich habe ein Javascript, wo ich Daten an meinen Controller weitergeben möchte.

<script type="text/javascript"> 
 
     $("#SearchButton").on("click", function() { 
 
      var $sucheMoped = []; 
 
      $("#tab_logic tbody tr") 
 
       .each(function() { 
 
        var $Item = $(this); 
 
        var suchfeld = $Item.find("td > input[name='Suchfeld']").val(); 
 
        var schluessel = $Item.find("td > select[name='Suchschluessel'] > option:selected").val(); 
 
        alert(suchfeld + "&&&" + schluessel); 
 
        $sucheMoped.push({ 
 
         Suchfeld: suchfeld, 
 
         Suchschluesseltyp: schluessel 
 
        }); 
 
       }); 
 
      window.open('@Url.Action("MainView","MainView")?SuchObject='+$sucheMoped); 
 
     }) 
 
    </script>

Ich möchte nur die "sucheMoped" von meiner javaScript zu meinem Controller zu übergeben. Mein Controller erwartet gerade eine IEnumerable von Objekten mit Eigenschaften Suchfeld und Suchschlüsseltyp.

Wer eine Idee?

Danke Jungs.

Answer 1

Zunächst einmal müssen Sie die Art und Weise Sie die Controller-Aktion aufrufen ändern. Sie sollten das Array unter Verwendung der JSON.stringify()-Methode stringieren.

So sollte dies wie folgt aussehen:

window.open('@Url.Action("MainView","MainView")?SuchObject='+JSON.stringify($sucheMoped));

Dann benötigen Sie ein eigenes Modell Bindemittel erstellen Sie Ihre Array mit dem Aktionsparameter zu binden. Dies ist ein einfacher Array-Modell-Binder, der nur zu Demonstrationszwecken verwendet wird, Fehler oder ähnliches nicht berücksichtigt, aber in diesem Szenario funktioniert er, indem er die korrekten Daten weiterleitet. Bitte ändern Sie ihn entsprechend Ihren Anforderungen.

public class ArrayModelBinder: DefaultModelBinder 
{ 
    public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext) 
    { 
     var rawArray = controllerContext.HttpContext.Request.QueryString["SuchObject"]; 
     var array = JsonConvert.DeserializeObject<IEnumerable<MyObject>>(rawArray); 

     return array; 
    } 
} 

Was ich hier tun, ist die Abfragezeichenfolge über die URL vorgelegt zu bekommen, wandelt es mit JsonConvert.Deserialize<T> Methode und gibt es zurück.

Sie müssen einfach Ihre Parameter in die mit dem benutzerdefinierten Modell Binder Aktion des Controllers dekorieren, wie folgt aus:

[HttpGet] 
public ActionResult Search([ModelBinder(typeof(ArrayModelBinder))]IEnumerable<MyObject> SuchObject) 
{ 
    return View(SuchObject); 
} 

bearbeiten

window.open nützlich, wenn Sie ein neues Browserfenster öffnen möchten . Sie könnten damit auch einen neuen Tab öffnen.

Um an einem anderen Ort zu navigieren, ohne einen neuen Tab oder Fenster zu öffnen, verwenden Sie die window.location Eigenschaft wie folgt aus:

window.location = '@Url.Action("Search", "Home")?SuchObject=' + JSON.stringify(array);

Answer 2

Sie können die jquery-Bibliothek $ .getScript verwenden, um die Aktionsmethode in Ihrem Controller und den Rückgabewert javascriptResult in Ihrer Aktion aufzurufen.

$.getScript("Home","Display") 

// Home Controller 
private JavaScriptResult Display() 
{ 
    string message = "alert('Hello World');"; 

    return new JavaScriptResult { Script = message }; 
} 

Answer 3

Wenn Sie die jQuery.ajax Methode verwenden, können Sie komplexe Objekte wie data Parameter.

$.ajax({ 
    url: '@Url.Action("MainView", "MainView")', 
    type: 'GET', 
    data: { 'SuchObject': $sucheMoped }, 
    success: function (htmlContent) { 
     // write content to new window (from http://stackoverflow.com/a/23379892/1450855) 
     var w = window.open('about:blank', 'windowname'); 
     w.document.write(htmlContent); 
     w.document.close(); 
    } 
});