Call Controller Action Method From jQuery Using Ajax

Today I just came across an issue and implemented code that I thought to share with my techie friends who may also face such an issue, which is to call a Controller's action method from jQuery using Ajax.
 
Calling from the Client Side

The following is a sample of calling an Ajax method from the client side:

image1.jpg
 
Down here I've demonstrated the code implementation and some builtin functions to prevent its natural behavior using preventDefault.
 
After clicking on the selected class element it first calls the ev.preventDefault(); that prevents the stopping of its natural event functionality. The URL accepts the ControllerName/Action name. The data : takes a parameter that is passed to a specified action method that executes and later returns the Model to the View. The type "post" means it's a POST method that takes some input.
 
If everything goes ok than it redirects to the desired page with the prevention of the natural behavior.
 
Cheers .Net
 
Thanks & Regards, Sachin Kalia

Up Next
    Ebook Download
    View all
    Learn
    View all