Comment appeler une méthode de Contrôleur à partir de javascript dans MVC3?

Im en utilisant MVC3 architecture, c#.net. J'ai besoin de comparer le texte de la boîte de contenu(User ID) avec la base de données immédiatement lors du changement de focus à la zone suivante, c'est à dire, le champ Mot de passe. J'ai donc pensé à utiliser événement onblur pour le champ Id Utilisateur qui appelle la méthode de Contrôleur. Peut me dire comment l'approche à ce problème? Comme je suis un newbie, des extraits de code sont très appréciés.

Merci d'Avance,

Prashanth

Ne vous la méthode du contrôleur de retour d'un JsonResult?

OriginalL'auteur user1545987 | 2012-07-25

Ici est un exemple.
Exemple de votre Méthode de Contrôleur

[HttpPost] //can be HttpGet
public ActionResult Test(string id)
{
     bool isValid = yourcheckmethod(); //.. check
     var obj = new {
          valid = isValid
     };
     return Json(obj);
}

et ce serait votre fonction javascript.

function checkValidId(checkId)
{
    $.ajax({
         url: 'controllerName/Test',
         type: 'POST',
         contentType: 'application/json;',
         data: JSON.stringify({ id: checkId }),
         success: function (valid)
         {
              if(valid) { 
                  //show that id is valid 
              } else { 
                  //show that id is not valid 
              }
         }
    });
}

Merci à tout le monde!! Je l'ai eu. Je suis tellement heureux 🙂

OriginalL'auteur Tom Kim

Voir JQuery.get(), Système.Web.Mvc.JsonResult.

Par Exemple:

<script type="text/javascript">
    $('#userID').blur(function()
    {
        $.get('/Home/ValidateUserID/' + $(this).val(), {}, 
            function(data, status)
            {
                if( !data.success ) {
                    alert('User ID is invalid!');
                }
            });
    });
</script>

Vous aurez besoin d'une action d'attraper la requête GET:

public class HomeController
{
    [HttpGet]
    public ActionResult ValidateUserID(string id)
    {
        bool superficialCheck = true;

        return Json(new { success = superficialCheck },
            JsonRequestBehavior.AllowGet);
    }
}

Quelques points, dans aucun ordre particulier:

Avis que le premier paramètre à .get est l'URL correspondante à l'action du contrôleur?
La valeur de la #userID html champ est ajouté à la fin de l'URL, permettant MVC pour lier des données dans les paramètres de l'action ValidateUserID(string id).
La Controller.Json méthode formats .NET des objets comme des objets JavaScript. La mise en forme de l'objet est reçu par JQuery data dans la fonction de callback.
JsonRequestBehavior.AllowGet dit MVC que son correct pour transmettre des données vers le navigateur à partir d'un .GET.

OriginalL'auteur Jesse Hallam

1

Ça sonne comme du côté serveur de validation, alors peut-être vous pouvez utiliser la validation côté client dispose pour cela.

http://msdn.microsoft.com/en-us/library/gg508808(v=vs. 98).aspx

En général, qui peut être fait en utilisant l'appel ajax (pas sûr si vous êtes à l'aide de jQuery, mais si non, et il n'y a pas de limitations particulières, serait de les encourager à utiliser pour cela):

http://api.jquery.com/jQuery.ajax/

Sur le côté client:
```
$.ajax({
            url: '@Url.Action("ActionName", "ControllerName")',
            type: "POST",
            async: true,
            dataType: "json",
            data: $('#form').serialize(),                    
            success: function (data) {
               //process result
            },
            error: function (request, status, error) {
               //process error message
            }
        });
```
Sur le côté serveur:
```
[HttpPost]
public virtual ActionResult ActionName() 
{
     return Json("value")
}
```
Mais en général, vous devriez google à partir de ASP.NET MVC 3, Ajax, il y a beaucoup de choses tout au sujet de cette web et vous pouvez trouver exactement ce que vous devez déjà.

Im en utilisant Jquery. Pls me dire comment comment appeler la méthode à l'aide de jquery.
Depuis que vous êtes à l'envoi de la demande par l'intermédiaire du 'post' verbe, il n'est pas nécessaire dans JsonRequestBehavior.AllowGet paramètre, est-il?
Vous avez raison, a été la copie de séparer les fragments de code.
mis à jour avec quelques ciselée, mais en général, je pense que vous essayez de valider le nom d'utilisateur/mot de passe, si c'est que donc, vous devriez vraiment utiliser la validation du cadre, qui est déjà là.

OriginalL'auteur Giedrius
1

Vous pouvez utiliser RemoteValidation attribut avec un serveur d'action à côté de votre contrôleur de le faire pour vous tous par MVC javascript non-intrusif et pas besoin d'écrire une seule ligne de JS/Jquery pour elle.

OriginalL'auteur Furqan Hameedi

ici est ce que vous pourriez faire:

Étant donné que vous avez contrôleur appelé AccountController et d'action appelé CheckPassword qui accepte en paramètre string password, vous pouvez mettre ceci dans votre vue:

$('#texboxId').blur(function() {
    $.ajax({
        url: '/Account/CheckPassword',
        data: { password: $('#texboxId').val() },
        success: function(data) {
            //put result of action into element with class "result"
            $('.result').html(data);
        },
        error: function(){
            alert('Error');
        }
    });
});

Votre contrôleur de l'action serait d'environ ressembler à ceci:

public class AccountController : Controller
{
    public ActionResult CheckPassword(string password)
    {
        bool passwordIsCorrect = //do your checking;
        string returnString = "whatever message you want to send back";
        return Content(returnString);
    }
}

OriginalL'auteur Dmitry

Vous devez vous connecter pour publier un commentaire.