Envoi de plusieurs éléments au contrôleur MVC via jQuery.Ajax

Si vous sérialisez un formulaire à l’aide de quelque chose comme jQuery, des clés et des valeurs JSON seront mappées sur les propriétés d’un object de l’action du contrôleur sur lequel vous écrivez. Alors:

jQuery:

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

En supposant que les détails principaux contiennent des éléments qui auront le nom du paramètre comme clé, ils doivent mapper directement à l’object:

Action:

• jQuery Validation côté client non intrusive de l’atsortingbut personnalisé
• Kendo Grid défiler jusqu’à la ligne sélectionnée
• Ajout de parameters dynamics avec Html.BeginForm et jQuery submit
• Comment publier un modèle de vue dans MVC en utilisant jquery
• Recharger AntiForgeryToken après une connexion

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

POSTER:

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

Est-ce que quelqu’un sait comment cela fonctionne? Cela casse à chaque fois que je transmets le formulaire et toutes les données supplémentaires au contrôleur.

J’aimerais envoyer le contenu des données ainsi qu’un QuerySsortingng pouvant contenir n’importe quel nombre et types de paires clé / valeur au contrôleur. Je peux extraire ces paires clé / valeur sur le serveur car je ne peux pas créer d’object pour elles sur la signature de la méthode. Cependant, cela ne fonctionne pas comme prévu.

jQuery:

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

Action:

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

Poster:

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

Je pense que c’est parce que j’ai créé un object JSON en tant que données et que j’ai défini les propriétés avec le nom de l’object.

Il existe une différence dans les valeurs POST qui apparaissent dans Firebug. Lorsque je poste uniquement l’object, les valeurs POST sont toutes les clés de l’object / du formulaire avec leurs valeurs correspondantes. Dans le deuxième exemple, il y a deux propriétés simples, le nom que je leur ai donné, chacune contenant une chaîne QuerySsortingng ( Foo=1&Bar=2 ) et MVC ne peut pas mapper une chaîne QuerySsortingng sur les membres d’un object (ou alors, semble-t-il).

Y a-t-il un moyen de se mettre au travail comme au début, mais aussi d’envoyer des données supplémentaires à un deuxième argument de l’action? J’imagine que c’est pour append une propriété supplémentaire à toutes les propriétés existantes créées lorsque jquery effectue la sérialisation du formulaire.

Le post que je veux réellement est:

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

• Popup modal MVC C #
• Renvoi d’un object Json de l’action du contrôleur vers jQuery
• Publier un formulaire sans @ HTML.Beginform et utiliser Jquery (ajax) dans asp.net MVC
• en utilisant jquery datatable pour le traitement côté serveur avec pagination, filtrage et recherche
• Événements jQuery supplémentaires soumettant mon Ajax.BeginForm

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

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

 public void TestMVC(MyObject obj, Ssortingng[] TheWeirdQuerySsortingng) { } 

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

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

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

 public void TestMVC(MyObject obj, IDictionary TheWeirdQuerySsortingng) { } 

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

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