How to use Ajax ActionLink

Question

First of all  where is the documentation for Ajax   methods in asp net mvc   Can Ajax ActionLink be used to call an action  get a partial view  open a modal window and put the content in it

User · Answer

For me this worked after I downloaded AJAX Unobtrusive library via NuGet :

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

Than add in the view the references to jquery and AJAX Unobtrusive:

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

User · Answer

Sure  a very similar question was asked before  Set the controller for ajax requests   public ActionResult Show         if  Request IsAjaxRequest                   return PartialView  Your partial view   new Model               else                return View              Set the action link as wanted    Ajax ActionLink  Show                      Show                     null                    new AjaxOptions   HttpMethod    GET                     InsertionMode   InsertionMode Replace                    UpdateTargetId    dialog window id                     OnComplete    your js function          Note that I m using Razor view engine  and that your AjaxOptions may vary depending on what you want  Finally display it on a modal window  The jQuery UI dialog is suggested

User · Answer

Ajax ActionLink requires jQuery AJAX Unobtrusive library  You can download it via nuget   Install-Package Microsoft jQuery Unobtrusive Ajax   Then add this code to your View    Scripts Render    Scripts jquery unobtrusive-ajax min js

User · Answer

Ajax ActionLink only sends an ajax request to the server  What happens ahead really depends upon type of data returned and what your client side script does with it  You may send a partial view for ajax call or json  xml etc  Ajax ActionLink however have different callbacks and parameters that allow you to write js code on different events  You can do something before request is sent or onComplete  similarly you have an onSuccess callback  This is where you put your JS code for manipulating result returned by server  You may simply put it back in UpdateTargetID or you can do fancy stuff with this result using jQuery or some other JS library

[asp.net-mvc] How to use Ajax.ActionLink?

Examples related to asp.net-mvc

Examples related to asp.net-mvc-3