Pass array from client side to service side c#

vignesh t

8y10.8kVisual Basic .NET

I am calling a javascript function on button click using onclientclick with below function.

function addValues() {

var arrValue = [];

var hdnValue = document.getElementById("hdn").value;

var strValue = hdnValue.split(',');

for (var i = 0; i < strValue.length; i++)

{

var ddlValue = document.getElementById(strValue[i]).value;

arrValue.push(ddlValue);

}

arrValue array will have all the required values and how can I move this array values to server side for further process.

3 Replies

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

Asma Khalid8y ago
Convert your client side array in javascript into JSON string as follow i.e.
var myJsonString = JSON.stringify(arrValue);
Then pass that string variable to your ajax method like normal string parameter i.e.
$.ajax({
    url: '/ControllerName/ActionMethodName',
    type: "GET",
    dataType: "JSON",
    data: { requestParam: myJsonStrin },
    success: function (response)
    {
        alert("Success");
    }
});
Nitin Sontakke8y ago
Wouldn't it be better, easier and nicer if you could just send the value of hidden field as is and convert it to array on server side?

Furthermore, your logic of fetching values in strValue and then creating arrValue is unnecessary.

Both strValue and arrValue are identical. .split function returns an array why move values to yet another array.
Manav Pandya8y ago
Hello

If you want to pass array to Server side , you should use post() of an AJAX

Find snippet below :
$.ajax({
    url: '/Controller/Method_Name',
    type: 'POST',
    data: jQuery.param({ param1: value1, param2 : value2}) ,
    contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
    success: function (response) {
        alert("Success");
    },
    error: function () {
        alert("Error");
    }
});
Whre :
url : It is complete url of your method in controller code or any other method you want

type : if you wan to transfer array than use POST or can also use Get , Delete etc ..

data : Contains parameters like name="manav"&college="ABC"

contentType : it can be xml , JSON , multipart etc ..

sucess : if data added successfully than you can do something on this part

error : If something went wront than you can use this part to show error

That's what you need

Thanks

Mark as accepted if useful