Passing Javascript objects to C#

Question

I have retrieved data from my web form and put it into an object using Javascript on button_click. I have then attempted to use Ajax and JSON to pass the object to a method in my C# code.

Javascript:

$(document).ready(function () {
    $("#go").click(function () {
        $('#<%=gv_Rota.ClientID%>')
            .find('tr')
            .each(function (row) {
                $(this).find('select')
                    .each(function (col) {
                        $ctl = $(this)
                        if ($ctl.is('select')) { 
                            var shift = $ctl.val();
                            var day = row;
                            var wk = col + 1;
                            var objectitem = { ShiftId: shift, Day: day, Week: wk };
                            $.ajax({
                                url: '/Administration.aspx/StoreObject',
                                type: 'POST',
                                contentType: 'application/json',
                                data: JSON.stringify({ myObject: objectitem })
                            });
                        }
                    });
                });
            });
        });

C# behind:

[WebMethod]
public static void StoreObject(string[] myObject)
{

}

In the Javascript, you can see that it loops around a GridView and finds the selectedvalues from DropDownLists inside the GridView. Therefore, the Javascript is going to run multiple times, meaning multiple objectd are going to be passed.

How do I save all these objects passed to C# in rows of a DataTable, for example, which can then be used when I press a 'Save' button. Firstly, I am not too sure what goes in the StoreArray method, and secondly, I'm not sure what would be the best way to keep the DataTable for example (if that is what I store my objects in), after I press the 'Save' button and PostBack, as I am sure it would be reset due to this?

it is an object not array which is passed from js

Ehsan Sajjad
– Ehsan Sajjad

2014-06-11 09:44:48 +00:00
Commented Jun 11, 2014 at 9:44 — Ehsan Sajjad
– Ehsan Sajjad, Commented Jun 11, 2014 at 9:44
@EhsanSajjad Question edited. Thanks for the correction.

EliotE123
– EliotE123

2014-06-11 09:47:11 +00:00
Commented Jun 11, 2014 at 9:47 — EliotE123
– EliotE123, Commented Jun 11, 2014 at 9:47
it is still object not array

Ehsan Sajjad
– Ehsan Sajjad

2014-06-11 09:48:22 +00:00
Commented Jun 11, 2014 at 9:48 — Ehsan Sajjad
– Ehsan Sajjad, Commented Jun 11, 2014 at 9:48

Community · Accepted Answer · 2017-05-23 10:26:22Z

4

Create a class in C# that reflects the object you have in your JavaScript

Something like this:

public class Item
    {
        public string Id { get; set; }
        public string Day { get; set; }
        public string Week { get; set; }
    }

Then expect that as you input

[WebMethod]
public static void StoreObject(Item myObject)
{

}

Edit:

If you want to save the items to a collection you can make a list of Items like this:

 private List<Item> myList = new List<Item>();

[WebMethod]
public void StoreObject(Item myObject)
{
    myList.Add(myObject);
}

NB: it can not be static for this to work. Im not sure that WebMethods support static methods. If not you need to make a asmx page to host the method See here

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Jun 11, 2014 at 9:59

Eystein Bye

5,1462 gold badges22 silver badges18 bronze badges

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

3 Comments

EliotE123 Over a year ago

Thank you for your answer. And then once Item has been populated by one of my objects, what can I do within the StoreObject method to save that to a collection? And then be able to save the collection so that it doesn't reset to null when I PostBack to retrieve it.

EliotE123 Over a year ago

For now I need to save it in a in-memory collection until I press the 'Save' button, in which I will then pass it to my Web Service. Therefore, I just need to be able to save it to a collection which will not get wiped when I PostBack on the 'Save' button later one.

EliotE123 Over a year ago

I can work from this and get it to work how I need it to. Thank you for the answer.

Collectives™ on Stack Overflow

Passing Javascript objects to C#

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related