Get ASP.Net (C#) ArrayList into JavaScript Array (Using Ajax)

Now I am going to discuss how can I get aASP.Net (C#) ArrayList into JavaScript Array.


Step 1 :

Lets create a ASP.Net (C#) ArrayList in .aspx.cs (Lets the name of  ' .aspx.cs ' for this example is Default.aspx.cs).

Then add some items in that ArrayList :

        [WebMethod]
        public static Array GetAllItems()
        {
            ArrayList arrayList = new ArrayList();
            arrayList.Add("Item1");
            arrayList.Add("Item2");
            arrayList.Add("Item3");
            return arrayList.ToArray();
        }

**For  [WebMethod] we have to add " using System.Web.Services ".**

Step 2 :

Now I am going to write an ajax function in my Default.aspx page.

    function getItems() {
             $.ajax({
                 type: "Post",
                 url: "Default.aspx/GetAllItems",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: function (response) {
                     var items = response.d;
                     for (var i = 0; i < items .length; i++) {
                         alert(items [i]);
                     }
                 },

                 failure: function (msg) {
                     $('#output').text(msg);
                 }
             });
         }

Next I am going to call this getItems() function via a HTML button,

           <input type="Button" value="Click" onclick="getItems()"/>

Now if we click on this button then we can see 'Item1', 'Item2' 'Item3' in alert message.