JS - Set multidimensional array from AJAX output

Question

Let's say I receive some data from jQuery Ajax output.

var tags = call_ajax('order/get_data', 'user_id=' + $('#user_id').val());

Outputted string from PHP file something like this :

echo "Aldi:01|Andi:02|Martin:03";

So my question is, how to .split() that outputted string(tags) become JS array with format like :

var source: [
                {'value' : 'Aldi', 'id' : '01'},
                {'value' : 'Andi', 'id' : '02'},
                {'value' : 'Martin', 'id' : '03'}
            ]

Thanks in advance!

What exactly does call_ajax do? Does it return the response synchronously, or the request promise? — Bergi
– Bergi, Commented Aug 1, 2013 at 1:46

Bergi · Accepted Answer · 2013-08-01 01:49:29Z

2

With the Array map method:

var source = tags.split("|") // first split by `|`
  .map(function(tag) {
    // then construct the object for each part
    var parts = tag.split(":");
    return { value: parts[0], id: parts[1] };
  });

answered Aug 1, 2013 at 1:49

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

3 Comments

Bill Criswell Over a year ago

Quick Note: IE8 doesn't have .map(). Could use jQuery's .map() instead.

Bergi Over a year ago

@BillCriswell: … or better just shim it

Bill Criswell Over a year ago

Yeah. Only said that cause it's tagged with jquery.

Bill Criswell · Accepted Answer · 2013-08-01 01:47:23Z

1

You can do it with two splits pretty easily.

var s = 'Aldi:01|Andi:02|Martin:03', 
    parts = s.split('|'), 
    source = [];

for( var i = 0, l = parts.length; i < l; i++ ){
  var part = parts[i].split(':');
  source.push({ value: part[0], id: part[1] });
}

answered Aug 1, 2013 at 1:47

Bill Criswell

33k8 gold badges80 silver badges68 bronze badges

2 Comments

Aldi Unanto Over a year ago

I don't know where is the mistake, but it's doesn't work Bill

Bill Criswell Over a year ago

I copy and pasted right into the console and sources returned what you wanted.

Jeffrey Neo · Accepted Answer · 2013-08-01 02:12:15Z

1

var output = 'Aldi:01|Andi:02|Martin:03';
var data = output.split('|');
var source = new Array();

for(var key in data){
    var temp = data[key].split(':');
    source[key] = {'value':temp[0],'id':temp[1]};
}

By using,

for(var key in source){
    alert(source[key]['value']);
    alert(source[key]['id']);
}

edited Aug 1, 2013 at 2:12

answered Aug 1, 2013 at 1:49

Jeffrey Neo

3,8092 gold badges28 silver badges30 bronze badges

1 Comment

Aldi Unanto Over a year ago

Yeah. Actually I use that array for jQuery.autocomplete

Lochemage · Accepted Answer · 2013-08-01 17:50:14Z

0

First split the string by the bar character .split('|') to get an array of three items, then loop through each of those items and split them again for the value/id pairs and put it into your final array.

var responseEcho; // assume this is your response from the server.
var myArray = responseEcho.split('|');
var finalArray = [];
myArray.forEach(function(data) {
  var dataArray = data.split(':');
  finalArray.push({'value': dataArray[0], 'id': dataArray[1]});
});

You may want to include a bit more safety checking just in case, but that is the general idea.

edited Aug 1, 2013 at 17:50

answered Aug 1, 2013 at 1:42

Lochemage

3,97413 silver badges11 bronze badges

5 Comments

Bergi Over a year ago

Are you mixing PHP with JavaScript syntax here?

Bill Criswell Over a year ago

Everything is good besides the finalArray[]. It would need to be finalArray.push({value: dataArray[0], id: dataArray[1]}); Also the array setup. It would need finalArray = []

Aldi Unanto Over a year ago

Great idea. But why myArray.forEach(function(data) doesn't work? I had tried

Bill Criswell Over a year ago

It's a newer standard. THe solution I added is pretty safe a ways back browser support wise.

Lochemage Over a year ago

@AldiUnanto sorry, I wrote it too fast and didn't check my work very well, I forgot to add the closing ); to the end of the forEach function call.

Collectives™ on Stack Overflow

JS - Set multidimensional array from AJAX output

4 Answers 4

3 Comments

2 Comments

1 Comment

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related