Comment envoyer une valeur jquery au contrôleur ..?

Question

J'ai dans la vue une liste déroulante que je gère avec jquery. J'ai besoin de savoir comment envoyer l'élément sélectionné de la liste déroulante au contrôleur, parce que j'ai besoin de cette information pour faire une action spécifique, quelqu'un pourrait-il m'aider .. ??

Voici le code javascript j'ai essayé, mais il ne fonctionne pas:

$("#BtnPassType").click(function() { 
        var formData = $("#displaydropdown option:selected").val(); 

        $.post("/EquipodeRed/Prueba/", { tipo: formData }, 
        function (data) { 
         alert(data.toString()); 
        }, "text"); 

       }); 

Voici le code HTML du bouton:

<input type="button" id="BtnPassType" value="Send Type" /> 

Et voici le code du contrôleur

public String Prueba(string tipo) 
     { 
      string ubic = "Esta es la Ubicacion del equipo de tipo :"; 
      return ubic + tipo; 
     } 

J'apprécie un peu d'aide, merci d'avance. Cordialement.

Answer 1

Votre appel AJAX semble correct. Vous pouvez simplifiez comme ceci:

$('#BtnPassType').click(function() { 
    var formData = $('#displaydropdown').val(); 
    $.post('/EquipodeRed/Prueba', { tipo: formData }, function (data) { 
     alert(data); 
    }); 
    // make sure you return false to cancel any default actions of this button 
    return false; 
}); 

En outre, il est préférable d'avoir des actions de contrôleur renvoient des résultats d'action:

public ActionResult Prueba(string tipo) 
{ 
    return Content("The selected type is :" + tipo); 
} 

Et bien sûr, éviter hardcoding urls dans vos javascripts, utilisez toujours des aides url:

$.post('@Url.Action("Prueba", "EquipodeRed")', { tipo: formData }, function (data) { 
    alert(data); 
});