how to pass server data to client side

See more:

C#

jQuery

This is my server side data


protected void Page_Load(object sender, EventArgs e)
{
if (Request.QueryString["action"] == "get")
{
populate();
}
}

private void populate()
{
List<tree> TreeList = new List<tree>();
Tree tree = new Tree();
tree.id = 0;
tree.ref_id = 1;
tree.name = "vendor";
TreeList.Add(tree);


tree = new Tree();
tree.id = 1;
tree.ref_id = 1;
tree.name = "abc";
TreeList.Add(tree);

tree = new Tree();
tree.id = 2;
tree.ref_id = 1;
tree.name = "xyz";
TreeList.Add(tree);

tree = new Tree();
tree.id = 0;
tree.ref_id = 2;
tree.name = "Transformer";
TreeList.Add(tree);

tree = new Tree();
tree.id = 1;
tree.name = "Trans";
tree.ref_id = 2;
TreeList.Add(tree);
// GetPageBaseObject = TreeList;

//JObject jo = new JObject();
//JArray jarray = (JArray)JToken.FromObject(GetPageBaseObject);
//jo["data"] = jarray;
//Response.Output.Write(jo.ToString());
Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(TreeList, Formatting.Indented));

}



and in the client side i am using

<script type="text/javascript">

//function Activityddl() {
alert("ok");
        var options = [];
        $.getJSON("AjaxHandler.aspx?action=get", function (result) {

            alert(result);
        });
  //  }

but this code of lines is not returning server data to me