pass json object to array - autocomplete

Question

I have two files.

location.php, that outputs this:

[["javascript"],["PHP"]]

and in another file:

<script type="text/javascript">
$.getJSON('location.php', function(data) {
      var sampleTags = [];

      $.each(data, function(key, val) {
         sampleTags.push(val);
         });

         alert(sampleTags); // show javascript, php


        //-------------------------------
        // Preloading data in markup
        //-------------------------------
        $('#myULTags').tagit({
            availableTags : sampleTags, // this param is of course optional. it's for autocomplete.
            // configure the name of the input field (will be submitted with form), default: item[tags]
            itemName : 'item',
            fieldName : 'tags'
        });
    });
</script>

the auto complete doesn't work. Why ?

if i use:

var sampleTags = [ 'javascript', 'php'];

all works well, but with json the autocomplete simply doesn't work.

rodneyrehm · Accepted Answer · 2011-10-10 17:15:12Z

3

$.each(data, function(key, val) {
  sampleTags.push(val[0]);
});

should reduce [["foo"],["bar"]] to ["foo", "bar"]

answered Oct 10, 2011 at 17:15

rodneyrehm

13.6k1 gold badge43 silver badges57 bronze badges

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

Comments

jason · Accepted Answer · 2011-10-10 17:15:34Z

2

[["javascript"], ["PHP"]]

is a two dimensional array. Your Javascript is expecting a one dimensional array. Have your PHP output:

[ "javascript", "PHP" ]

In PHP the array should look like this:

array( "javascript", "php" );

answered Oct 10, 2011 at 17:15

jason

1,2551 gold badge9 silver badges26 bronze badges

Collectives™ on Stack Overflow

pass json object to array - autocomplete

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related