Help with passing multidimensional JSON array to jQuery autocomplete via AJAX

Question

I'm trying to implement a live search on my photos site using jQuery and the autocomplete plugin. Everything works when I specifiy the data locally:

var data = [ {text:'Link A', url:'/page1'}, {text:'Link B', url: '/page2'} ];

However when I move this to PHP, jQuery is unable to parse the results properly. I'm really not sure what's going on here. My current code is below:

<script>
$(document).ready(function(){
var data = '/livesearch'; 
$("#aut_field").autocomplete(data, {
  formatItem: function(item) {
    return item.text;
  }
}).result(function(event, item) {
  location.href = item.url;
});
                });
</script>

And my PHP script prints a multidimensional array in the following format:

{"1":{"text":"Google Website","url":"http:\/\/www.google.com"},
 "2":{"text":"Yahoo Website","url":"http:\/\/yahoo.com"},}

However when I do alert(item.text) the variable says undefined.

If I do alert(item) I see the entire string as outputted by PHP.

I tried playing around with eval() but I'm not sure where to put it or how to get JS to actually interpret the data. Thanks for your help. Sample code specific to my implementation is appreciated.

what's with {ldelim} and {rdelim} in the first code snippet? — Roy Tang
– Roy Tang, Commented Jan 27, 2010 at 7:12
Sorry -- should read { and } ... it was a copy and paste from Smarty. Fixed. — ensnare
– ensnare, Commented Jan 27, 2010 at 7:22

goat · Accepted Answer · 2010-01-27 07:52:54Z

1

The issue is with the php code.

Your job is to mimic the strcuture of the working javascript array. See php's json_encode()

answered Jan 27, 2010 at 7:52

goat

31.9k7 gold badges76 silver badges98 bronze badges

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

Comments

Reigel Gallarde · Accepted Answer · 2010-01-27 08:00:01Z

1

try in your php this pattern:

[
   {"text":"Google Website","url":"http:\/\/www.google.com"},
   {"text":"Yahoo Website","url":"http:\/\/yahoo.com"}
]

answered Jan 27, 2010 at 8:00

Reigel Gallarde

65.4k21 gold badges126 silver badges142 bronze badges

1 Comment

SLaks Over a year ago

Then you should accept this answer by clicking the hollow check.

B.F. · Accepted Answer · 2013-04-16 08:26:27Z

0

And your PHP script return a multidimensional array/object mix. If you insist (you blow up your var with several "text:" amd "url;") it shou1ld be:

[[{"text":"Google Website","url":"http:\/\/www.google.com"}],[{"text":"Yahoo Website","url":"http:\/\/yahoo.com"}]]

Better:

var x=[["Google Website","http:\/\/www.google.com"],["Yahoo Website","http:\/\/yahoo.com"]];

If you want to jump to Yahoo Website: var url=x[1][1];

Or:

var x={"Google_Website":"http:\/\/www.google.com","Yahoo_Website":"http:\/\/yahoo.com"};

If you want to jump to Google_Website: var url=x["Google_Website"];

My tip: visit enter link description here

answered Apr 16, 2013 at 8:26

B.F.

4776 silver badges9 bronze badges

Collectives™ on Stack Overflow

Help with passing multidimensional JSON array to jQuery autocomplete via AJAX

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related