Click here to Skip to main content
Click here to Skip to main content

Generic C# JSON Generator to Send Any Data to JavaScript

, 17 Feb 2009 CPOL
Rate this:
Please Sign up or sign in to vote.
Generic C# JSON generator to send any managed data to JavaScript and use the same syntax to access it

Introduction

How would you like to have any data in C# (like this 3.5 sample)...

C#

... and access it from JavaScript, using the same syntax as in C#:

Javascript

"How Do They Do It?"

So there I was building a simple Ajax application using ASP.NET and it was very hard to send data from the code-behind in ASP.NET to the JavaScript code. Then I found out about JSON, which solved all the problems. The nice thing about JSON is that it is a format that browsers understand and can use to create rather complex data inside their JavaScript engines. So I wrote a recursive reflection based JSON generator that takes any managed class or struct and generates the JSON string that the browser understands.

Because this engine searches for fields in the class, there's no need to write such properties:

public int Id
{
    get { return this._id; }
    set { this._id = value; }
}

You can either select all fields or mark specific fields with an attribute and only send them to the JavaScript code.

More than that, the engine can handle even the anonymous types specific to .NET 3.5 (as seen in the picture above). It seems that the anonymous types are not stored identically to the proper types in the assembly's DLL.

Using the Code

Using the code is as simple as it gets: with one line of C# code you "convert" the object to the JSON string that is sent to the client code. No need for helper classes (like type serializers).

The client code uses one eval line of code to create the DOM object.

And that's it. In .NET 3.5, you don't even have to write the class with the complex constructor to receive all the data as parameters (as it was the case in .NET 2.0).

The engine can handle primitive data types (numeric types, strings and dates), classes, structs, arrays and null fields. If you have some data in a custom collection (like generic Lists), you can use the ToArray() method to get in a form the engine understands. I've chosen to use array(s) instead of IEnumerable(s) because you might have a class that implements IEnumerable but you might not want to treat it as a collection (string is such a class).

I know the whole point of this engine is to hide the representation of the object, but here's an example of how it looks (just to have an idea).

{
    'date' : new Date( 2008, 1, 23, 8, 5, 52 ) ,
    'Name' : 'some string' ,
    'StringSpecial' : '\\some \' \" string' ,
    'NullString' : null ,
    'Private' : null ,
    'i' : -1 ,
    'f' : 2.3 ,
    't2' :
    {
        'd' : 3.14 ,
        'D' : 3.15 ,
        'ThisIsAStruct' :
        {
            'str' : 'string in a struct'
        }
    }
}

Now that you've been briefed, go and download the archive and try it out.

There's a Visual Studio 2005 and a Visual Studio 2008 solution. The last one includes a .NET 3.5 ASP sample to test the anonymous types I was bragging about.

If you take a look at the generator's code, you'll notice it is not even 200 lines of code long.

PS: Don't forget to set the Web project as the "start up project" inside Visual Studio.

History

  • Feb 23rd, 2008 - Initial version
  • Feb 16th, 2009 - New code version

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Mihai Maerean
Software Developer (Senior)
Romania Romania
Areas Of Expertise:


APIs:

.Net Framework
MFC
Win32
 
ActiveX (documents, controls, automation)
 
Graphics:

DirectX
OpenGL
 
Databases:

SQL Server
ADO
Odbc
 
Web Applications:

AJAX
ASP.Net
Web Services
ActiveX controls
 
Programming Languages:

C/C++
C#
Pascal
Basic
Python
Javascript
XHTML
 
Proud to have been part of the following team(s):

Project Viewer - Housatonic

Silent Hunter 4 - Ubisoft Romania
 
Personal web site (programing C++ C# ASP.NET, CV, jokes, games)
 
RedGoblin - boardgames store (a project i'm working on)
 




Comments and Discussions

 
QuestionJsonBridge does it easier and with no headache... PinmemberEvgenios Skitsanos2-Jun-12 10:51 
GeneralAn idea building on this Pinmemberdojohansen20-Feb-09 5:01 
GeneralNot working with an array of objet PinmemberAVAUX15-Feb-09 23:57 
GeneralRe: Not working with an array of objet PinmemberMihai Maerean16-Feb-09 1:14 
GeneralRe: Not working with an array of objet PinmemberMihai Maerean16-Feb-09 19:09 
GeneralRe: Not working with an array of objet PinmemberMihai Maerean17-Feb-09 19:21 
GeneralJSON to HTML Pinmemberaggla24-Mar-08 3:15 
GeneralRe: JSON to HTML PinmemberMihai Maerean24-Mar-08 3:58 
GeneralRe: JSON to HTML Pinmemberaggla24-Mar-08 7:34 
GeneralRe: JSON to HTML Pinmemberaggla24-Mar-08 10:56 
GeneralWhy? Maybe an Answer PinmemberDewey23-Feb-08 18:42 
QuestionWhy? Pinmemberstevekain23-Feb-08 7:17 
AnswerRe: Why? PinmemberSteven Berkovitz23-Feb-08 7:35 
AnswerRe: Why? PinmemberMihai Maerean23-Feb-08 8:54 
GeneralRe: Why? PinmemberAVAUX15-Feb-09 23:55 
GeneralRe: Why? Pinmemberdojohansen20-Feb-09 5:10 
AnswerRe: Why? PinmemberMihai Maerean23-Feb-08 9:11 
GeneralRe: Why? PinmemberCitizenDC19-Mar-08 1:04 
GeneralRe: Why? PinmemberMihai Maerean19-Mar-08 1:09 
AnswerRe: Why? PinmemberJamie Nordmeyer18-Feb-09 3:39 
AnswerRe: Why? Pinmemberdojohansen20-Feb-09 5:13 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web01 | 2.8.1411023.1 | Last Updated 17 Feb 2009
Article Copyright 2008 by Mihai Maerean
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid