Comment envoyer des données en jquery.poste de contrôleur mvc qui utilisent ViewModel comme paramètre?

Je suis en train d'écrire avec application asp.net mvc. J'ai contrôleur de l'action, qui utilisent certains ViewModel en tant que paramètre. Comment envoyer des données de formulaire avec jquery post pour que mvc contrôleur.

InformationsquelleAutor Radislav | 2012-05-29
  1. 39
    $.post("Yourcontroller/YourAction", { FirstName : $("#txtFirstName").val(), LastName : $("#txtLastName") } ,function(data){
  //do whatever with the response

});

    Votre ViewModel les noms de Propriété et de Paramètre que nous sommes de passage doit être la même. C'est à dire : Votre point de vue modèle devrait avoir 2 propriétés appelé FirstName et LastName comme son

    public class PersonViewModel
{
  public string FirstName { set;get;}
  public string LastName { set;get;}
  //other properties

}

    Et de votre Post, méthode d'action doit accepter un paramètre de type PersonViewModel

    [HttpPost]
public ActionResult YourAction(PersonViewModel model)
{
  //Now check model.FirstName 
}

    Alternativement, Si votre vue est fortement typé à la PersonViewModel, vous pouvez tout simplement envoyer le formulaire sérialisé à la méthode d'action à l'aide de jQuery serialize méthode

    $.post("Yourcontroller/YourAction", $("#formId").serialize() ,function(data){
  //do whatever with the response

});

    EDIT : Comme par le commentaire

    Serialize prendra soin de l'Enfant de la propriété ainsi. Supposons que vous disposez d'une classe appelée Profession comme ce

    public class Profession
{
    public string ProfessionName { set; get; }
}

    Et votre PersonViewModel a une propriété de type Profession

    public class PersonViewModel
{
    //other properties
    public Profession Profession { set; get; }
    public PersonViewModel()
    {
        if (Profession == null)
            Profession = new Profession();
    }
}

    Vous allez obtenir ces données dans votre HttpPost méthode d'Action, si vous remplissez qu'à partir de votre point de vue.

    Comment envoyer des données en jquery.poste de contrôleur mvc qui utilisent ViewModel comme paramètre?

    • Que faire si mon modèle contient des viewModel de la propriété? Par exemple, la Personne a la propriété de la Profession avec d'autres propriétés?
    • Oui, il le fera. Vérifier mes mises à jour de réponse.
    • Excellent!!! Merci beaucoup!!!!
    • Vous êtes les bienvenus : ) Content d'avoir pu aider.
    • J'ai utilisé votre post comme référence, mais mon modèle de validations de ne pas travailler avec jQuery publication. Ils fonctionnent très bien avec la input type=submit, mais ne parviennent pas à tirer à l'ajax de jQuery publication. Tous les pointeurs seront utiles!
    • Comment puis-je combiner cela avec le changement même de la case à cocher du type $(document).on('change', '[type=checkbox]', function (data) {

    InformationsquelleAutor Shyju
  2. 9
    var myData = {
              Parameter1: $("#someElementId").val(),
              Parameter2: $("#anotherElementId").val(),
              ListParameter: { /* Define IEnumerable collections as json array as well */}
              //more params here
             }  
$.ajax({
    url: 'someUrl',
    type: 'POST',
    dataType: "json",
    contentType: 'application/json',
    data: JSON.stringify(myData)
});  


[HttpPost]
public JsonResult Create(CustomViewModel vm)
{
    //You can access your ViewModel like a non-ajax call here.
    var passedValue = vm.Parameter1;
}

    Vous pouvez également sérialiser l'ensemble du formulaire et le transmettre à votre contrôleur de la méthode d'action. En vous appel ajax: 

    data: $('form').serialize()
    • Super!!!Je ne savais pas que ça fonctionne. Merci. Je vais vérifier et uswer pour vous.
    InformationsquelleAutor Kamyar