How to Call Controller Actions using JQuery in ASP.NET MVC

by

You can start reading from here jQuery.ajax()

Actually Controller Action is a public method which can be accessed through Url. So any call of an Action from an Ajax call, either MicrosoftMvcAjax or jQuery can be made. For me, jQuery is the simplest one. It got a lots of examples in the link I gave above. The typical example for an ajax call is like this.

$.ajax({
    // edit to add steve's suggestion.
    //url: "/ControllerName/ActionName",
    url: '<%= Url.Action("ActionName", "ControllerName") %>',
    success: function(data) {
         // your data could be a View or Json or what ever you returned in your action method 
         // parse your data here
         alert(data);
    }
});

More examples can be found in here

More Related Contents:

  1. How can I convince IE to simply display application/json rather than offer to download it?
  2. jQuery ajax upload file in asp.net mvc
  3. Send JSON data via POST (ajax) and receive json response from Controller (MVC)
  4. Ajax.BeginForm in MVC to upload files
  5. Mvc Jquery Ajax Post returns null
  6. Use ASP.NET MVC validation with jquery ajax?
  7. JQUERY ajax passing value from MVC View to Controller
  8. How to render partial view in MVC5 via ajax call to a controller and return HTML
  9. How do I pass a Dictionary as a parameter to an ActionResult method from jQuery/Ajax?
  10. jquery with ASP.NET MVC – calling ajax enabled web service
  11. File upload using MVC 4 with Ajax
  12. Populate Select box options on click with Javascript/Jquery with Json data
  13. How to export all rows from Datatables using Ajax?
  14. MS MVC form AJAXifying techniques [closed]
  15. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  16. Jquery post and unobtrusive ajax validation not working mvc 4
  17. Pass array to ajax request in $.ajax() [duplicate]
  18. Pass request headers in a jQuery AJAX GET call
  19. TypeError: $.ajax(…) is not a function?
  20. jQuery posting valid json in request body
  21. Update div with jQuery ajax response html
  22. How do I know if jQuery has an Ajax request pending?
  23. How do I get the HTTP status code with jQuery?
  24. Synchronous XMLHttpRequest warning and
  25. Reload table data in Django without refreshing the page
  26. Check if username exists in database with AJAX
  27. jQuery ajax request being block because Cross-Origin
  28. How to create cascading drop-down list
  29. jquery nested ajax calls formatting
  30. access model in javascript asp .net mvc razor

Leave a Comment