How can I send an array of string from C# to client side?

Question

How can I send an array of string from ASP.NET(C#) to javascript using the jQuery ajax technique ??

I know how to do it for a normal string, but i need to implement it with an array of string.

can I use the 'Response.Write' with an array ?? if yes, then how can I read it from the client side ?? how can i read array from there ??

this is from server side :

protected void Page_Load(object sender, EventArgs e)
    {

 string[] arr1 = new string[] { "one", "two", "three" };


            Response.Write(arr1);
            Response.End();

    }

This is from the client side:

$(document).ready(function(){


$(':button').click(function(){

var text_result = "ok"

$.post('default.aspx', { text_res: text_result} , function(data){

alert("The result is: "+data);

}).error(function(){

    alert("Error is occured");

});

});


});

this is not working(for array), but its working for normal data Thanks alot

Use JSON : msdn.microsoft.com/en-us/library/bb299886.aspx — huMpty duMpty
– huMpty duMpty, Commented Jul 24, 2012 at 11:08
'I know how to do it with normal string' - I'm not so sure you do. It seems that you're just returning strings with the text/html content type (since you're doing Response.Write); which is not the same as returning string data to a javascript client, which typically goes back as JSON. — Andras Zoltan
– Andras Zoltan, Commented Jul 24, 2012 at 11:10

yogi · Accepted Answer · 2012-07-24 11:10:22Z

3

Try this

Front end

var ID  = 1;
     $.ajax({
                        type: "POST",
                        url: "defaut.aspx/GetCoolArray",
                        data: "{ID:" + ID + "}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (msg) {
                            var arrayresult = new Array();
                            arrayresult = msg.d;
                            // Do whatever with this cool array
                        },
                        error: function (msg) {
                            alert(msg.status +" : "+ msg.statusText);
                        }
                    });
                }

Back end

[WebMethod]
public static string[] GetCoolArray(string ID)
{
    string[] rValue = new string[2];
    rValue[0] = "Cool array element 1";
    rValue[1] = "Cool array element 2";
    return rValue;
}

answered Jul 24, 2012 at 11:10

yogi

19.7k13 gold badges67 silver badges93 bronze badges

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

1 Comment

Andras Zoltan Over a year ago

+1 the only answer so far to actually get this right - should be using JSON!

Shyju · Accepted Answer · 2012-07-24 12:35:01Z

Use the string.Join method

protected void Page_Load(object sender, EventArgs e)
{
   string[] arr1 = new string[] { "one", "two", "three" };
   string result=String.Join(",",arr1);
   Response.Write(result);
   Response.End();
}

This will send the result back to client as "one, two, three"

And in your client Side code, you can get it and then apply the split function and you will get an array.

$(function () {  
   $(':button').click(function(){
       var text_result="ok";
       $.post("@Url.Action(defaut.aspx/GetCoolArray",
                                      { text_res: text_result}function(msg) {
            var arr=msg.split(",");
            $.each(arr,function(index,item){
                   alert(item);
            });
       });
   });
});

You can also Send the DATA as JSON to the client. You may use JavaScriptSerializer /JSON.NET library to do so. In that case, you may return a valid JSON like this

[
    "One",
    "Two",
    "three"
]

If you are simply GETting some data, you may use the getJSON method.

  $.getJSON("",function(msg){
      $.each(msg,function(index,item){
          alert(item)
      }); 
  });

ie. · Accepted Answer · 2012-07-24 11:06:14Z

0

The answer dependes on what are going to do with those strings. If you want to print them, then just use string.Join(", ", arr1). If you want to process them, the best way will be serializing them as a JSON object (see here or here)

answered Jul 24, 2012 at 11:06

ie.

6,1191 gold badge33 silver badges44 bronze badges

Comments

André Silva · Accepted Answer · 2012-07-24 11:09:52Z

-1

I am pretty sure you can't. What I usually do when I have to send a dictionary or an array from server to client, I create a string and separate all the elements from an array with | in your case it would be "one|two|three" just remember to use HttpUtility.UrlEncode() on each element so it won't have a escape character to break your data.

    string strReturn = string.Empty;
    foreach(string strArray in arr1)
    {
       strReturn += HttpUtility.UrlEncode(strArray) + "|";
    }
    Response.Write(strReturn.Substring(0, strReturn.Length - 1);

And on client :

    function(data) {
      data = (data || "");
      var arrData = unescape(data).split('|');
    }

answered Jul 24, 2012 at 11:09

André Silva

1,1699 silver badges30 bronze badges

Collectives™ on Stack Overflow

How can I send an array of string from C# to client side?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related