how to pass parameters from view to controller in ajax

Akshaya arumugam

8y1.3kAJAX

I am using ajax actiolink for save and update without submit buttons .how to pass parameters from view to controller

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

El Mahdi Archane8y ago
Hi Akshaya,

If you are using @Ajax.ActionLink() Helper. This article describes deeply how you can use @Ajax.ActionLink.

Link
http://www.c-sharpcorner.com/UploadFile/abhikumarvatsa/ajax-actionlink-and-html-actionlink-in-mvc/.

If you are working with jQeury Ajax method. I think that the responses which are shared below will help you to solve your issue.
Gohil Jayendrasinh8y ago
var objPostedData = new Object();
objPostedData["ID"] = $("#ID").val();
objPostedData["Name"] = $("#Name").val();
objPostedData["Remarks"] = $("#Remarks").val();

/*
-- For Passing Array Object
var PostedDataArray = new Array();
PostedData[0] = objPostedData ;

*/

var objurl = "/Controller/Action";
var objdata = "{ 'jsonstring': '" + JSON.stringify(objPostedData ) + "'}";
$.ajax({
type: "POST",
url: objurl,
data: objdata,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
ShowSuccess("Call is successfully escalated.");
},
error: function (msg) {
alert(msg);
}
});

/*.cs file*/

[HttpPost]
public ActionResult CallEscalation(string jsonstring)
{
DatabaseRepository dr = new DatabaseRepository();
DataTable dt = new DataTable();
var data = new JavaScriptSerializer().Deserialize(jsonstring);

//var list = new JavaScriptSerializer().Deserialize>(jsonstring); // For List

}

calss PostedData
{

private string _ID;
public string ID
{
get { return _ID; }
set { rolename = value; }
}

private string _Name;
public string Name
{
get { return _Name; }
set { rolename = value; }
}

private string _Remarks;
public string Remarks
{
get { return _Remarks; }
set { rolename = value; }
}

}
Dharmraj Thakur8y ago
Hi Akshaya,

follow this...
var postData = {
    "ID": $("#ID").val(),
    "Name": $("#Name").val(),
    "Remarks": $("#Remarks").val()
};
$.ajax({
    url: "/Controller/Action",
    type: 'POST',
    data: JSON.stringify(postData),
    contentType: "application/json",
    dataType: 'json',
    async: true,
    success: function (res) {
        console.log(JSON.stringify(res, null, 5));
        if (parseInt(res["ResponseData"]["InsertedID"]) > 0) //here is how to get response from controller
        {
            alert("Updated successfully");
        }
    },
    error: function () {
        alert("Error");
        console.log(JSON.stringify(res, null, 5));
    },
});
Ramesh Palanivel8y ago
Hi akshaya,

You can pass through via, "data" option in your ajax method,

Please find the sample code here,
$.ajax({
type: "POST",
url: "/JQueryAjaxCall/AjaxPostCall",
data: {Id:$('#EmpId).val(),Name:$('#Empname').val()},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(response) {
if (response != null) {
alert("Name : " + response.Name + ", Designation : " + response.Designation + ", Location :" + response.Location);
} else {
alert("Something went wrong");
}
},
failure: function(response) {
alert(response.responseText);
},
error: function(response) {
alert(response.responseText);
}
});