Comment utiliser Ajax.ActionLink?

Tout d'abord, où est la documentation pour Ajax.* méthodes asp.net mvc?

Peut Ajax.ActionLink être utilisé pour appeler une action, d'obtenir une vue partielle, ouvrez une fenêtre modale et de mettre le contenu en elle?

InformationsquelleAutor Shawn Mclean | 2011-04-07
  1. 60

    Sûr, un très question similaire a demandé avant. Réglez le contrôleur pour les requêtes ajax:

    public ActionResult Show()
{
    if (Request.IsAjaxRequest()) 
    {
        return PartialView("Your_partial_view", new Model());
    }
    else 
    {
        return View();
    }
}

    Mis le lien d'action que l'on veut:

    @Ajax.ActionLink("Show", 
                 "Show", 
                 null, 
                 new AjaxOptions { HttpMethod = "GET", 
                 InsertionMode = InsertionMode.Replace, 
                 UpdateTargetId = "dialog_window_id", 
                 OnComplete = "your_js_function();" })

    Noter que je suis en utilisant le moteur de vue Razor, et que votre AjaxOptions peut varier en fonction de ce que vous voulez. Enfin l'afficher dans une fenêtre modale. Le jQuery UI dialog est suggéré.

    • vous devriez également mettre "your_js_function()" dans votre réponse.
    • Qu'allais-je faire dans le cas Où je veux utiliser l'image comme l'affichage des points d'ancrage au lieu du mot show?
    InformationsquelleAutor felixmm
  2. 41

    @Ajax.ActionLink nécessite jQuery AJAX Discrète de la bibliothèque. Vous pouvez le télécharger via nuget:

    Install-Package Microsoft.jQuery.Unobtrusive.Ajax

    Puis ajoutez ce code à votre Vue:

    @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")
    • C'était le point essentiel que je ne trouve pas dans les autres documents.
    • Je ne pouvais pas le trouver n'importe où non plus. Ce qu'un obscur "gotcha". Astuce pour Microsoft: à ne pas faire.
    • ce faire , ajoutez cette pépite paquet même si vous êtes dans VS 2017, ce problème existe, nous devons ajouter manuellement ce package pour le projet pour quoi que ce soit avec @Ajax pour travailler dans votre cshtml
    • Eh bien, +1 pour ce que toutes les réponses n'a pas pu ajouter cette touche point à propos de la Bibliothèque.
    InformationsquelleAutor komsky
  3. 8

    Pour moi cela a fonctionné après j'ai téléchargé AJAX Discrète de la bibliothèque via NuGet : 

     Search and install via NuGet Packages:   Microsoft.jQuery.Unobtrusive.Ajax

    Que de l'ajouter dans la vue les références à jquery et AJAX Discrète: 

    @Scripts.Render("~/bundles/jquery")
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"> </script>
    InformationsquelleAutor Stefan Vlad
  4. 7

    Ajax.ActionLink seulement envoie une requête ajax vers le serveur. Ce qui se passe à l'avance dépend vraiment du type des données renvoyées et ce que votre script côté client, en fait. Vous pouvez envoyer une vue partielle pour l'appel ajax ou json, xml, ... Ajax.ActionLink cependant différents rappels et les paramètres qui vous permettent d'écrire du code js sur différents événements. Vous pouvez faire quelque chose avant que la requête est envoyée ou onComplete. de même, vous avez un onSuccess de rappel. C'est l'endroit où vous mettez votre code JS pour la manipulation de résultat retourné par le serveur. Vous pouvez simplement le mettre dans UpdateTargetID ou vous pouvez faire de fantaisie avec ce résultat à l'aide de jQuery ou une autre bibliothèque JS.

    InformationsquelleAutor Muhammad Adeel Zahid