tags:

views:

77

answers:

3
+1  Q: 

JSON with classes?

Is there a standardized way to store classes in JSON, and then converting them back into classes again from a string? For example, I might have an array of objects of type Questions. I'd like to serialize this to JSON and send it to (for example) a JavaScript page, which would convert the JSON string back into objects. But it should then be able to convert the Questions into objects of type Question, using the constructor I already have:

function Question(id, title, description){

}

Is there a standardized way to do this? I have a few ideas on how to do it, but reinventing the wheel and so on.

Edit:

To clarify what I mean by classes: Several languages can use classes (JAVA, PHP, C#) and they will often communicate with JavaScript through JSON. On the server side, data is stored in instances of classes, but when you serialize them, this is lost. Once deserialized, you end up with an object structure that do not indicate what type of objects you have. JavaScript supports prototypal OOP, and you can create objects from constructors which will become typeof that constructor, for example Question above. The idea I had would be to have classes implement a JSONType interface, with two functions:

public interface JSONType{
  public String jsonEncode();//Returns serialized JSON string
  public static JSONType jsonDecode(String json);
}

For example, the Question class would implement JSONType, so when I serialize my array, it would call jsonEncode for each element in that array (it detects that it implements JSONType). The result would be something like this:

[{typeof:"Question", id:0, title:"Some Question", description:"blah blah blah"},
 {typeof:"Question", id:0, title:"Some Question", description:"blah blah blah"},
 {typeof:"Question", id:0, title:"Some Question", description:"blah blah blah"}]

The javascript code would then see the typeof attribute, and would look for a Question function, and would then call a static function on the Question object, similar to the interface above (yes, I realize there is a XSS security hole here). The jsonDecode object would return an object of type Question, and would recursively decode the JSON values (eg, there could be a comment value which is an array of Comments).

+4  A: 

You'll have to create your own serializer which detects Question (and other classes) and serializes them as constructor calls instead of JSON object notation. Note that you'll need a way to map an object to a constructor call. (Which properties come from which parameters?)

Everyone else: By classes he means functions used as constructors; I assume that he's trying to preserve the prototype.

SLaks
Yes, a deserializer is what you need. JSON does not exist in a vacuum; there needs to be logic on both ends to *do something* with it.
Jonathan Julian
A: 

It's highly dangerous, but eval can process any text and execute it. http://www.w3schools.com/jsref/jsref_eval.asp

But DON'T use it. May do something like pass over the params you want to pass into the constructor as a JSON object and call the constructor with it...

function Question({"id" : "val", "title", "mytitle", "description" : "my desc"}){ ... }

jon077
Not only it is dangerous, it's going to kill the performance. 'eval' invokes the interpreter, do you really want to invoke the interpreter for creating each object?
SolutionYogi
+1  A: 

Have you looked at JSON.NET? It can serialize/de-serialize .NET objects to JS and vice-versa. It is a mature project and I highly recommend it.

Also, if you could change the definition of your 'Question' function to take one object with properties instead of taking separate arguments, you can do something like this:

Working Demo

 function Question(args)
 {
  this.id = args.id;
  this.text = args.text;
 }

 Question.prototype.alertText = function() { alert(this.text); };

 $(document).ready(
  function()
  {
   var objectList = 
     {
      'list' : [ 
       { 'id' : 1, 'text' : 'text one' }
       ,{ 'id' : 2, 'text' : 'text two' }
       ,{ 'id' : 3, 'text' : 'text three'}
       ],
      'type' : 'Question'
     };


   var functionName = objectList['type'];
   var constructor = window[functionName];
   if(typeof constructor !== 'function')
   {
    alert('Could not find a function named ' + functionName);
    return;
   }

   var list = objectList['list'];
   $.each(list,
    function()
    {
     var question = new constructor(this);
     question.alertText();
    }
   );
  }
 );

On a side note, please prefix your .NET Interfaces with 'I' e.g. it should be IJsonType and not JsonType.

typeof is a keyword so specify the property name in quotes if you want to use it.

SolutionYogi