Silverlight and JSON

Tags: .NET, JSON, Silverlight, Source Code, WPF, WPFE

Silverlight 1.1 comes with an built-in JSON serializer which can serialize common data types like string, numbers and arrays. It includes a object serializer, too, I think it is nearly the same as in ASP.NET AJAX or Ajax.NET Professional.

I modified my IsolatedStorage demo and added a new method called GetFiles(string pattern) which will return an array of string containing the file names in the storage. Because I already did the managed JavaScript (DLR) demo in on of my earlier posts I'm now using C# (I love Silverlight, I can choose my favorite language all the time).

namespace IsolatedStorage
    public class Storage
        public string GetFiles(string pattern)
            using (IsolatedStorageFile isf = 
IsolatedStorageFile.GetUserStoreForApplication()) { JavaScriptSerializer jss = new JavaScriptSerializer(); return jss.Serialize(isf.GetFileNames("*.*")); } } [Scriptable] public bool WriteText(string filename, string s) { try { using (IsolatedStorageFile isf =
IsolatedStorageFile.GetUserStoreForApplication()) { using (IsolatedStorageFileStream fsm =
new IsolatedStorageFileStream(filename,
FileMode.OpenOrCreate, isf)) { using (StreamWriter sw = new StreamWriter(fsm)) { sw.Write(s); } } } } catch (Exception) { return false; } return true; } [Scriptable] public string ReadText(string filename) { try { using (IsolatedStorageFile isf =
IsolatedStorageFile.GetUserStoreForApplication()) { using (IsolatedStorageFileStream fsm = new
FileMode.Open, isf)) { using (StreamReader sr = new StreamReader(fsm)) { return sr.ReadToEnd(); } } } } catch (Exception) { return null; } } } }

Because Silverlight (or the Scriptable methods) don't support more complex data types until now (I hope this will change in future releases) we have to return a JSON string that will be parsed on the client-side JavaScript later.

The JavaScriptSerializer is included in the namespace System.Windows.Browser.Serialization. You have to create a new instance of the JavaScriptSerializer class and call the Serialize method which you pass the .NET object you want to serialize. In our example it is a string array we get as result of the IsolatedStorageFile.GetFiles method.

On the client-side JavaScript code I use the eval statement, hm, is not the best way to parse JSON, but the easiest. Of course you can use the ASP.NET AJAX parser or the JavaScript parser at

var control = document.getElementById("SilverlightControl");
var storage = control.Content.Storage; // save any data to the storage alert(storage.WriteText("test2.txt", "Hello World!")); // read data from the storage alert(storage.ReadText("test2.txt")); // get all filenames in storage var files; eval("files = " + storage.GetFiles("*.*")); // eval parse JSON alert("Files: " + files.join(","));

You can download this example here. For those of you don't have Visual Studio Orcas installed I have included the binary files, too. So, simple double click on the TestPage.html. If you run the example you will see three message boxes: the first will display true if writing was sucessful, the second one will display the content of the file specified in the argument. The last message box will display all filenames in the storage.

No Comments