javascript - jQuery UI autocomplete drop down not displaying -

-

i trying use jquery ui autocomplete feature search spotify's music library. while passes well, , successful response:

jquery autocomplete spotify song search

there no drop down suggestions. instance searching "time" , wanted see:

  • time hans zimmer <--(this searching for)
  • back in time pitbull
  • elevate big time rush

etc. here javascript code:

<script>$(function() {$( "#spotify_song_search" ).autocomplete({source: function(request, response) {         $.get("http://ws.spotify.com/search/1/track.json", { q: request.term },function( data ) { alert(data); response(data);});     },success: function(data) {             // pass data response callback              alert(data); response(data);         }});});</script>

i must doing wrong. checked jquery docs here: http://jqueryui.com/demos/autocomplete/ doesn't give explanation why occur. , added alerts see if @ least response, do, returns [object object]. need display search results?

error: uncaught syntaxerror: unexpected token illegal on line 417: enter image description here

the autocomplete widget expects data formatted in specific way can parsed. array supply or pass response callback must be:

  1. an array strings, or
  2. an array objects have label property, value property, or both.

(see autocomplete's documentation under "overview" / "expected data format" more information)

the typical way when have data source can't change use $.map transform results format autocomplete expects:

$("#spotify_song_search").autocomplete({     source: function(request, response) {         $.get("http://ws.spotify.com/search/1/track.json", {             q: request.term         }, function(data) {             response($.map(data.tracks, function (el) {                 return el.name;             }));         });     } });

example: http://jsfiddle.net/anmus/ (note: not appear working in firefox right now; may due size of response. works fine in chrome though)


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more