pass array to javascript(for loop)

Question

0.00/5 (No votes)

See more:

I have 3 arrays at my code behind:

C#

ArrayList ID = new Arraylist();
ID.Add("1");
ID.Add("2");
ID.Add("3");

ArrayList name = new Arraylist();
name.Add("A");
name.Add("B");
name.Add("C");

ArrayList age = new Arraylist();
age.Add("16");
age.Add("29");
age.Add("13");

I already pass the array to my javascript, but the problem is how can it display in this format:

ID: 1
name: A
age: 16

ID: 2
name: B
age: 29

ID:3
name: C
age: 13

how can this be done in a javascript for loop.

Posted 9-Oct-12 21:06pm

melvintcs

Updated 9-Oct-12 21:22pm

enhzflep

v2

Add a Solution

Comments

Zoltán Zörgő 10-Oct-12 3:12am

And what is your JS code currently? How do you pass the arrays to the JS side?

melvintcs 10-Oct-12 3:23am

function test(){
alert("<%=ID.Count %>");
}

Zoltán Zörgő 10-Oct-12 3:28am

Just to be clear: this way you don't pass the arrays to js, you render your html with the values replaced. This approach is wrong. You either render the whole arrays as javascript objects (json encoded for example) and process them with javascript, or you render the elements directly in the html from asp.net.

melvintcs 10-Oct-12 3:40am

so i need to use json to pass the whole array? i never use json before, any suitable tutorial for my case?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Zoltán Zörgő** · Accepted Answer · 2012-10-09T23:17:00

The following is a really minimalistic approach, assuming an asp.net project from the VS template.

Code behind: Default.aspx.cs

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        public sealed class Person 
        {
            public int ID { get; set; }
            public string Name { get; set; }
            public int Age { get; set; }
        }

        protected IList<person> persons = new List<person>();

        protected void Page_Load(object sender, EventArgs e)
        {
            persons.Add(new Person { ID = 1, Name = "Peter", Age = 20 });
            persons.Add(new Person { ID = 2, Name = "John", Age = 26 });
            persons.Add(new Person { ID = 2, Name = "Olivia", Age = 23 });
        }
    }
}

As you can see I am defining a class, and a list from that class, not an array. And of course, not three arrays, since that is a really bad approach. So I have my data.
Now, in the Defaul.aspx I embed the JSON encoded representation of that object. I actually pass it to a javascript object.

XML

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<asp:Content ID="ScriptContent" runat="server" ContentPlaceHolderID="HeadContent">
 <script type="text/javascript">
  var persons = eval('(<% Response.Write(fastJSON.JSON.Instance.ToJSON(persons)); %>)');
 </script>
</asp:Content>

<asp:Content ID="MainContent" runat="server" ContentPlaceHolderID="MainContent">
 <script type="text/javascript">
     alert(persons);
 </script>
</asp:Content>

The alert will show an array of objects. Now it is your turn to process the variable. I have downloaded and referenced FastJSON[^] for this code to work. Notice, that you can add a second parameter to the serializer to fine tune the serialization. Look at the generated code to see how the serialization is performed.

Well, this is not the only approach, and could be not the most suitable for your needs. But you have not specified what you want to do.