I have a simple ajax call which returns a serialised list of strings. This is great and I can get the data back. However I'm simply trying to perform an alert on each item in the list. However, I just keep getting back single characters from the list instead. For example if it returned a list with one item in it called Hello. It would alert H, E, L etc. Can someone help me change this so it alerts the full string?

The response received back is very similar to the text above. If the c# variable userList returns a list of strings with just Andrew in it. The JQuery will alert A, N, D etc. If that isn't clear, just let me know.

Thanks

C#

[HttpPost]

        public string GetUserList(string Role) {

            List<string> UserList = new List<string>();

            UserList = Roles.GetUsersInRole(Role).ToList();

            return JsonConvert.SerializeObject(UserList);

        }

JQuery

   $('#allRolesDD').change(function () {

        $.ajax({

            method: POST,

            url: ./GetUserList,

            data: { Role: $(this).val() }

        })

        .done(function (data) {

            $('.roleDD').empty();

            for (i = 0; i < data.length; i++) {

                alert(data[i]);

            }

            console.log(Passed 4);

        })

        .fail(function () {

            console.log(Failed 4);

        })

    });