How to iterate through a list of strings returned from a web service using JQuery

Question

This is my first JQuery experience and I'm on quite a tight deadline. It's a bit of an embarrassing question, but here goes. I'm calling a web service that returns a list of strings (which works and returns OK). Code is below

$(document).ready(
    function() 
    {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "CatList.asmx/GetCatergoies",
            data: "{}",
            dataType: "json",
            success: onActionCompleted
        });
    }
)

function onActionCompleted(data) {

    var resultData = data['d'];
    alert(resultData);
 }

The alert produces a comma seperate string of the results from the web service. I can't figure out for the life of me how I can iterate through the results. When I do something like this:

resultData.each(
   alert(this)
)

All I get in Firebug is this error:

resultData.each is not a function

Any pointers ?

duckyflip · Accepted Answer · 2009-05-28 11:24:07Z

8

Using Array.split() will produce an array:

var string = "red,blue,green,orange"

$.each(string.split(','), function(){
  alert(this)
})

answered May 28, 2009 at 11:24

duckyflip

16.5k5 gold badges36 silver badges35 bronze badges

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

Comments

Dave Jarvis · Accepted Answer · 2012-08-04 22:40:25Z

5

Consider string.split() instead of jQuery:

var items = results.split(',');

for( var i = 0; i < items.length; i++ ) {
  alert( items[i] );
}

edited Aug 4, 2012 at 22:40

Dave Jarvis

31.3k43 gold badges186 silver badges327 bronze badges

answered May 28, 2009 at 11:23

Program.X

7,41212 gold badges53 silver badges86 bronze badges

Comments

Magnar · Accepted Answer · 2009-05-28 11:25:53Z

4

Sounds like your webservice gave you a csv-string. Split it into an array, wrap jQuery around it and add a callback function for each of the elements like this:

$(resultData.split(",")).each(function () {
    alert(this);
});

answered May 28, 2009 at 11:25

Magnar

28.9k8 gold badges62 silver badges66 bronze badges

2 Comments

Ikke Over a year ago

each does also work on normal arrays. So $.each(resultData.split(","), function(){}); should work also.

Magnar Over a year ago

Indeed, I just prefer the $(array).each(callback) syntax over $.each(array, callback) for readability purposes.

Jon Jones · Accepted Answer · 2009-05-28 11:36:27Z

2

Thanks! I wouldn't have been able to solve it without the feedback. I'm still not completely sure what format resultData is. I did some copy and paste on the code so not sure what data['d'] converts the list into in json terms.

When I tried the split on resultdata I got this error in Firebug:

resultData.split is not a function

In the end I just used the $.each() on resultdata without the split and it worked.

function onActionCompleted(data) {

    var resultData = data['d'];
    $.each(resultData, function() {
        alert(this)
    })
}

answered May 28, 2009 at 11:36

Jon Jones

1,0941 gold badge9 silver badges19 bronze badges

2 Comments

duckyflip Over a year ago

This means that data['d'] is already an array :). How did you came up with the idea that it's a comma delimited string ?

TizzyFoe Over a year ago

because alert(resultData); displayed a command delimited string. That must be how javascrip formats arrays?

Collectives™ on Stack Overflow

How to iterate through a list of strings returned from a web service using JQuery

4 Answers 4

Comments

Comments

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related