Using a javascript object in C#

Question

I have a javascript object and would like to use it in my C# function but I am unsure how I can use this object.

Javascript:

            $.ajax({
                data: data.model,
                cache: false,
                type: 'post',
                url: 'Respondents/DownloadCSV',
            });

Notice the data.model javascript object looks like so (taken from console.log):

[Object, Object, Object, Object, Object]
0: Object
1: Object
2: Object
3: Object
4: Object

Inside the 0:Object

Class: "respondent clickable gradeA"
Data: Object
Age: ""
City: ""
Email: null
Ethnicity: ""
Gender: ""
Id: 260619
LastActionDate: "<span class="dn">20131008175555</span>10/8 5:55 PM"
LastRecruiter: "Ben Miles"
Name: "Jerry Keys"
OwningRecruiter: "Ben Miles"
RecruitingGroup: "Competitive Users"
Source: "<span style="display:none;" >Database</span><i class="tipN icon-tasks" original-title="Database"></i>"
State: ""
Status: "<span style="display:none;" >Completed</span><i class="tipN icon-check" original-title="Completed"></i>"
class: "respondent clickable gradeA"
created: 1386790341009
url: "/Projects/644/Respondents/260619/Overview"

I am not sure what my C# method would have to look like? I would expect something like?

public ActionResult DownloadCSV(object model)
{
}

All I want to do is use the data from JavaScript in a controller method.

JasCav · Accepted Answer · 2013-12-11 19:56:06Z

ASP.NET MVC provides automatic model binding from JSON notation to your Actions as long as your model matches the JSON in its format.

So, as an example, if you are posting some information about a person, your JSON would look like this...

{ "FirstName": "John", "LastName": "Doe" }

This can, of course, get considerably more complicated, but, I'm just doing this for an example.

Now, in your Action, you want to create an POCO that matches what you expect from your JavaScript so it can bind correctly. This object would look like this:

public class Person {
  public string FirstName { get; set; }

  public string LastName { get; set; }
}

Then, in your action, you do...

public class MyController {

  [HttpPost]
  public ActionResult MyAction(Person model) {
    // Do what you need to here.
  }
}

As long as your JSON aligns with the model, the binding will happen automatically.

Note, that if you need to convert your JavaScript object to JSON, then you can use the JSON.stringify(your_object) to do so and pass that to the data parameter of the ajax call.

Todd Menier · Accepted Answer · 2013-12-11 19:55:22Z

0

Try this:

$.ajax({
    data: JSON.stringify(data.model),
    cache: false,
    type: 'POST',
    url: 'Respondents/DownloadCSV',
    dataType: 'json',
    contentType: 'application/json; charset=utf-8'
});

This should work with any object of any arbitrary depth.

answered Dec 11, 2013 at 19:55

Todd Menier

39.7k18 gold badges156 silver badges185 bronze badges

Comments

Alex · Accepted Answer · 2013-12-11 19:56:57Z

0

You could create a class with properties that your json document has:

public class MyModel 
{
  //properties
}

Then, change your Action to take a list of these:

public ActionResult DownloadCSV(IEnumerable<MyModel> model)
{

}

The serializer will take care of mapping, but there are a few concerns:

LastActionDate: "2013100817555510/8 5:55 PM"

You'd want to pass in the actual date, not HTML representation, unless you want all your classes properties to be string

answered Dec 11, 2013 at 19:56

Alex

38.6k55 gold badges217 silver badges340 bronze badges

Collectives™ on Stack Overflow

Using a javascript object in C#

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related