Invio di più elementi al controller MVC tramite jQuery.Ajax

Question

Se si esegue la serializzazione di un modulo utilizzando qualcosa come jQuery, esso mappa spesso le chiavi e i valori JSON alle proprietà di un oggetto sull'azione del controller su cui si sta effettuando la registrazione. Quindi:

jQuery:

function PostForm() { 
    $.ajax({ 
     url: "/Home/TestMVC", 
     type: "POST", 
     dataType: "application/JSON", 
     data: $('#form').serialize(), 
     complete: callFunction 
     } 
    }); 

Presumendo dettagli principali contiene elementi che avranno il nome del parametro come una chiave che dovrebbero mappare l'oggetto direttamente:

Azione:

public void TestMVC(MyObject obj) 
{ 
//Obj should now contain the data from the serialised form 
} 

POST:

Name: "Bob" 
Age: "999" 
Sex: "Unknown" 

Qualcuno sa come funziona? Si sta rompendo ogni volta che passo il modulo e qualsiasi altro dato al controller.

Desidero inviare il contenuto dei dati nonché una QueryString che potrebbe contenere qualsiasi numero e tipo di coppie chiave/valore per il controller. Posso estrarre queste coppie chiave/valore sul server poiché non posso creare un oggetto per loro sulla firma del metodo. Tuttavia, questo non funziona come previsto.

jQuery:

function PostForm() { 

    $.ajax({ 
     url: "/Home/TestMVC", 
     type: "POST", 
     dataType: "application/JSON", 
     data: 
     { 
      Obj: $('#form').serialize(), 
      TheWeirdQueryString: $('.additionalParams').serialize(), 
     } 
    }); 
}; 

Azione:

public void TestMVC(MyObject obj, String TheWeirdQueryString) 
{ 
//Obj now does NOT contain the element, it is NULL. Whereas TheWeirdQueryString works fine. 
} 

Messaggio:

Obj: name=bob&age=999&sex="unknown" 
TheWeirdQueryString: param1=1&param2=2 

Credo che questo è perché ho fatto creato un oggetto JSON come dati e impostare le proprietà al nome dell'oggetto.

C'è una differenza nei valori POST che appaiono in Firebug. Quando posto solo l'oggetto, i valori POST sono tutte le chiavi dell'oggetto/modulo con i loro valori corrispondenti. Nel secondo esempio ci sono due semplici proprietà, il nome che ho dato loro, ognuna contenente una QueryString (Foo=1&Bar=2) e MVC non può mappare una QueryString ai membri di un oggetto (o così apparirebbe).

È comunque necessario iniziare a lavorare come fa in primo luogo, ma anche inviare dati aggiuntivi a un secondo argomento sull'azione? Sto indovinando che è di aggiungere una proprietà in più a tutti quelli esistenti creati quando jquery esegue la serializzazione del modulo.

Il POST Io in realtà voglio è:

Name: "Bob" 
Age: "999" 
Sex: "Unknown" 
TheWeirdQueryString: param1=1&param2=2 

Answer 1

parametro dataType a $ .ajax metodo è il tipo di risposta (il tipo di dati che vi aspettate dal server), non è richiesta.Prova a modificare:

function PostForm() { 
    $.ajax({ 
     url: "/Home/TestMVC", 
     type: "POST", 
     dataType: "application/JSON", 
     data: $('#form').serialize() + "&" + $('.additionalParams').serialize() 
    }); 
}; 

o:

function PostForm() { 
    $.ajax({ 
     url: "/Home/TestMVC" + "?" + $('.additionalParams').serialize(), 
     type: "POST", 
     dataType: "application/JSON", 
     data: $('#form').serialize() 
    }); 
}; 

aggiornamento:

Prova questa:

Controller:

public void TestMVC(MyObject obj, String[] TheWeirdQueryString) 
{ 
} 

Cliente:

function PostForm() { 
    $.ajax({ 
     url: "/Home/TestMVC", 
     type: "POST", 
     dataType: "application/JSON", 
     data: $('#form').serialize() + "&" + $('.additionalParams').serialize() 
    }); 
}; 

ma sul lato client tuoi params aggiuntivo deve essere nel seguente formato:

TheWeirdQueryString[0]=param1&TheWeirdQueryString[1]=param2&...&TheWeirdQueryString[n]=paramN 

modo $ ('. AdditionalParams') gli elementi devono avere "id" e/o "nome" attributi come: TheWeirdQueryString [1], TheWeirdQueryString [2] ... TheWeirdQueryString [N]

Spero che questo aiuti

Answer 2

dei dati è un oggetto

... 
data: { 
    x :$('#form').serialize(), 
    y:'something else' 
} 
... 

Answer 3

Un'altra soluzione se si vuole un dizionario di coppie chiave/valore:

public void TestMVC(MyObject obj, IDictionary<string, object> TheWeirdQueryString) 
{ 
} 

Cliente:.

function PostForm() { 
    $.ajax({ 
     url: "/Home/TestMVC", 
     type: "POST", 
     dataType: "application/JSON", 
     data: $('#form').serialize() + "&" + $('.additionalParams').serialize() 
    }); 
}; 

$ ('. AdditionalParams') serializzare() Formato:

TheWeirdQueryString[0].Key=param0&TheWeirdQueryString[0].Value=value0&TheWeirdQueryString[1].Key=param1&TheWeirdQueryString[1].Value=value1&...&TheWeirdQueryString[n].Key=paramN&TheWeirdQueryString[n].Value=valueN 

AGGIORNATO:

Hai bisogno di qualcosa di simile:

<input class="additionalParams" type="text" name="TheWeirdQueryString[0].Key" value="param0" /> 
<input class="additionalParams"type="text" name="TheWeirdQueryString[0].Value" value="value0" /> 
<!-- ... --> 
<input class="additionalParams"type="text" name="TheWeirdQueryString[n].Key" value="paramN" /> 
<input class="additionalParams"type="text" name="TheWeirdQueryString[n].Value" value="valueN" />