How to assign value in $(document).ready from code behind

Question

i'm developing a .net application using twitter bootstrap.

I'm trying to get data from .aspx.cs page to .aspx page.

Please find my code below:

strOblect.cs

public class strObject
{
 public string Name { get; set; }
 public string Description { get; set; }
}

.aspx.cs page:

public List<strObject> stringList = new List<strObject>();
protected void Page_Load(object sender, EventArgs e)
{
   strObject ObjOne=new strObject();
   ObjOne.Name="One";
   ObjOne.Description ="One";
   stringList.Add(ObjOne);
   strObject ObjTwo=new strObject();
   ObjTwo.Name="Two";
   ObjTwo.Description ="Two";
   stringList.Add(ObjTwo);
   strObject ObjThree=new strObject();
   ObjThree.Name="Three";
   ObjThree.Description ="Three";
   stringList.Add(ObjThree);
}

.aspx:

<asp:Panel  ID="pnlData"  runat="server" style="background-color:White;">

<script type="text/javascript">

 $(document).ready(function () {
    var valueAssigned=stringList;
});

</script>

</asp:Panel>

I'm unable to get stringList value in $(document).ready.

Please help me out to get the value.

StuartLC · Accepted Answer · 2014-12-24 15:17:16Z

4

It appears that your stringList is actually a collection of objects. In order to use it in JavaScript as such, you'll need to serialize it to a javascript object.

var valueAssigned=<%=new JavaScriptSerializer().Serialize(stringList)%>;

So that you can wind up with the following:

var valueAssigned= [{Name: "Foo", Description: "Bar"}, {...}];

Edit

JavaScriptSerializer is in System.Web.Script.Serialization - you'll either need to add this below at the top of your <%@ Page

<%@ Import Namespace="System.Web.Script.Serialization" %>

or specify the FQ name

var valueAssigned=<%=new System.Web.Script.Serialization.JavaScriptSerializer()
                         .Serialize(stringList)%>;

edited Dec 24, 2014 at 15:17

answered Dec 24, 2014 at 6:46

StuartLC

108k18 gold badges225 silver badges295 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Prathiba Over a year ago

I got the error: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately. when i use var valueAssigned=<%=new JavaScriptSerializer().Serialize(stringList);%>;

StuartLC Over a year ago

Scuse the delay - you'll need to qualify the namespace.

Community · Accepted Answer · 2017-05-23 12:20:33Z

1

StuartLC's answer will be enough.JSON is very good option for that purpose. Other option can be to register client script in aspx.cs. Here is another SO question regarding that

How do I pass data from c# to jquery/javascript?

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Dec 24, 2014 at 7:31

husnain_sys

5814 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to assign value in $(document).ready from code behind

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related