How to invoke MVC3 ViewResult action from jquery/javascript?

Question

How can I call a ViewResult controller action/method from jquery/javascript using something similar to the following code:

Index.cshtml (callback for multiselect):

  <script type="text/javascript">
        $("select").multiselect({
            click: function (event, ui) {
                // item selected
                //
                // Also, not sure how I can pass in values from a multiselect to update my grid
                // ...using ajax or post???
                $.post(
                    '@Url.Action("Index","Main")'); 
                     //, { value: ui.value, state: ui.checked ? 'checked' : 'unchecked' });
                     // call my index() and get values or pass in values from multiselect
                // or...
                $.ajax(
                   { url: '@Url.Action("Index","Main")'...// }
                    //, { value: ui.value, state: ui.checked ? 'checked' : 'unchecked' });
                    // call my index() and get values or pass in values from multiselect
                                })
            }
        });
</script>

Controller:

 // GET: /Main/
    public ViewResult Index(/* not sure if possible */ 
         /* get values from multiselect */
         string[] MultiselectId)
    {
        // Populate default grid view
        IList<CModel> cs = db.CModels.OrderByDescending(x => x.CName).ToList();

       // get values in #multiselect and filter grid contents based on that filter value
       // if a filter was selected...

       return View(cs);
    }

Rafay · Accepted Answer · 2011-12-04 20:58:05Z

2

 $("select").multiselect({
            click: function (event, ui) {                
                $.post('@Url.Action("Index","Main")',{value:ui.value},function(data){
                //refresh the grid here                  
                },'json');               
             }
          });

your controller would look like

[HttpPost]
public ActionResult Index(string value){

 return Json(new{data="yourdata"});
 }

edited Dec 4, 2011 at 20:58

answered Dec 4, 2011 at 20:38

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to invoke MVC3 ViewResult action from jquery/javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related