On the client side, can utilize this example to get the JSON object from the server and utilize it.
http://docs.jquery.com/Ajax/jQuery.getJSON
Using this example, on the client side i can build a JSON object and pass it to the sever utilizing JSON.stringify(JSONObject);
http://ditio.net/2008/07/17/php-json-and-javascript-usage/
This page has the sample server side code using VBScript and the downloads page has the class available in VBScript to utilize it.
http://code.google.com/p/aspjson/
For my app, on the server side, i can use eval to turn json string received into an object but that is not secure.
http://www.json.org/js.html
For JScript, i have tried to but i am not able to find the equivalent to the 2 methods specified in the VBScript class or the class itself at the above location and these are stringify (converting JavaScript data structures into JSON text) and parse (to turn JSON text into object).
Still confused, need to rest and then start reading some more.
Got hold of a good tutorial using XML at SitePointForums.
http://articles.sitepoint.com/article/ajax-jquery
I can either utilize the XML on my page or even turn the 4 items into 4 external pages and load these one by one (can show a loading message) when the page is ready.
$(document).ready(function() {
ShowPage("page.asp?clientID=12345&dataType=1", "1");
ShowPage("page.asp?clientID=12345&dataType=2", "2");
ShowPage("page.asp?clientID=12345&dataType=3", "3");
ShowPage("page.asp?clientID=12345&dataType=4", "4");
});
function ShowPage(url, id)
{
$('#view'+id).html('');
$.get(url,function(data){
$('#view'+id).html(data);
$('#loader'+id).hide(); //animated image, hide
$('#view'+id).fadeIn();
});
}