Question

My scenerio is a user could click on 12 different items on the page and depending on which item they click, a div will be populated with text. I was thinking a good way to do this is just pass all the different text strings to the client on their first request rather than doing a possible of 12 different AJAX calls. I figured front loading the client with the initial load time would be better since the text strings aren’t long anyways.

What I am trying to figure out is the best way to write a javascript dictionary/hastable in my C# code behind and pass it to the page on load. What would be the best way to do this?

Answer 1

• You can create 12 hidden divs, populate them with HTML and show the appropriate one depending on what the user clicked.

• You can convert the Dictionary object to a JavaScript object literal, something like:

var pageContent = {
    button1: "some content",
    button2: "some other content"
    // ...
};

Have a look at System.Runtime.Serialization.Json Namespace and this answer for code. You can then populate a div with the content depending on button clicked.