JSON + PHP + JQuery + Problème de saisie semi-automatique

Question

Seulement commencé aujourd'hui, mais j'ai de gros problèmes pour essayer de comprendre JSON/AJAX etc, j'ai obtenu mon code jusqu'à présent, mais je suis perplexe sur la façon de retourner les données tirées par le Demande AJAX à la fonction complète de jQuery Auto.

var autocomplete = new function(){ 
this.init = function() { 
    $('#insurance_destination').autocomplete({source: lookup}); 
} 

    function lookup(){ 
    $.ajax({ 
     url: "scripts/php/autocomplete.php", 
     data: {query:this.term}, 
     dataType: "json", 
     cache : false, 
     success: function(data) {  
      for(key in data){ 
       return { 
        label: key, 
        value: data[key][0] 
        } 
      }          
     }  
}); 
} 

}

et l'exemple de la chaîne JSON étant renvoyée par un script PHP { "Ouganda": [ "UGA", "UK4", "hors monde États-Unis, le Canada et les Caraïbes"] }

Answer 1

Normalement, vous ne devez pas vous faire interroger ajax:

$('#insurance_destination').autocomplete('url_here', {options_here}); 

Cela suppose que nous parlons de greffon standard jquery autocomplete. Est-ce que je vous comprends bien?

modifier Vérifier api
http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
Il y a aussi quelques exemples.

Answer 2

C'est le code que j'ai fini avec, cela fonctionne dans Chrome et Firefox, mais pas dans IE 6/7 ...

var autocomplete = new function(){ 
    this.init = function() { 
     $('#insurance_destination').autocomplete({ 
      source: function(request, response) { 
       debugger; 
       $.ajax({ 
        url: "scripts/php/autocomplete.php", 
        dataType: "json", 
        data: {query:this.term}, 
        success: function(data) { 
        response($.map(data.countries, function(item) { 
         return { 
          label: '<strong>'+item.name+'</strong>'+' '+item.description, 
          value: item.name, 
          code : item.region 
         } 
        })) 
       } 
      }) 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
      $('#insurance_iso_code_hidden').val(ui.item.code); 
     }, 
     open: function() { 
     }, 
     close: function() { 

     } 
     }); 
    } 


    }