how to pass parameters from view to controller in ajax

Question

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

Answer 1

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.

 

 

Answer 2

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));
    },
});

 

Answer 3

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);
}
});

Answer 4

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<PostedData>(jsonstring);

//var list = new JavaScriptSerializer().Deserialize<List<PostedData>>(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; }

}

}