pavan pavan - 8 days ago 6
jQuery Question

Sending multiple checkbox checked values to Action Method without Submit button

how to call the Action Method and send the selected IDs to action method when multiple checkboxes are checked without binding to model and submit button in MVC4. Please guide me.
Thanks in advance

Answer

User Jquery Ajax to call your controller's method.

Controller Code :

 public class CustomerController : Controller 
 {
  public ActionResult Index() 
  {
   return View();
  }

  [HttpPost]
  public ActionResult UpdateOrder()
  {
  // some code
  return Json(new { success = true, message = "Order updated successfully"    }, JsonRequestBehavior.AllowGet);
   }
  } 

Jquery code :

$.ajax({
url: '@Url.Action("UpdateOrder")', // to get the right path to controller from TableRoutes of Asp.Net MVC
dataType: "json", //to work with json format
type: "POST", //to do a post request 
contentType: 'application/json; charset=utf-8', //define a contentType of your request
cache: false, //avoid caching results
data: {}, // here you can pass arguments to your request if you need
success: function (data) {
     // data is your result from controller
    if (data.success) { 
        alert(data.message);
    }
},
error: function (xhr) {
    alert('error');
}
});

Above code has taken as reference from here :

http://www.c-sharpcorner.com/UploadFile/337dfd/useful-way-to-call-controller-actions-from-html-using-jquery/

jQuery to call Action Method in ASP.NET MVC C# by Ajax

Hope this would help.

Comments