JSON data not added in jQuery array

Question

$(function() {
  $(document).ready(function() {
    $.get("automcomplete.php", function(data, status) {
      console.log(data);
      // echo json_encode($result['name']);
      // response 
      // "Afghanistan""Africa""Albania""Algeria"

      var availableTags = [data];
      // i want todo this 
      // var availableTags = [
      //    "america",
      //    "london"
      //   ];
      $("#tags").autocomplete({
        source: availableTags
      });
    });
  });
});

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

Create auto complete list dynamically and show in the list problem is how i can put json data in jquery array

I wonder why do u have both $(function(){}) and $(document).ready(); they are one and the same. and directly assign data to availableTags — user1608841
– user1608841, Commented Aug 10, 2017 at 11:58
Also add dataType argument or use $.getJSON to be sure data is parsed — charlietfl
– charlietfl, Commented Aug 10, 2017 at 11:59
Show the php. Looks like you might have multiple echo in a loop and need to create an array and only echo once — charlietfl
– charlietfl, Commented Aug 10, 2017 at 12:03
@charlietfl only single echo if (isset($result_array)) { foreach ($result_array as $result) { echo json_encode($result['name'] ); }} — MK12
– MK12, Commented Aug 10, 2017 at 12:43

Rory McCrossan · Accepted Answer · 2017-08-10 11:59:39Z

1

Your PHP code indicates that you're returning JSON, so you can just remove var availableTags = [data]; and give data directly to the source property:

$(function() {
  $.get("automcomplete.php", function(data) {
    $("#tags").autocomplete({
      source: data
    });
  });
});

If your data is returned as a string, you can manually parse it to an object using JSON.parse():

$.get("automcomplete.php", function(data) {
  var sourceData = JSON.parse(data);
  $("#tags").autocomplete({
    source: sourceData
  });
});

Note that you don't need two document.ready handlers. A single $(function() {}); is enough

answered Aug 10, 2017 at 11:59

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

Rory McCrossan Over a year ago

That's down to what your server returns. Presumably you need to amend the AJAX so you can send the search term and then your automcomplete.php should perform the search logic.

MK12 Over a year ago

my repsonse is "Afghanistan""Africa""Albania""Algeria" and i need reponse like this "Afghanistan","Africa","Albania","Algeria" but how i add comma after every single country i think thats why its not work perfect

Collectives™ on Stack Overflow

JSON data not added in jQuery array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related