jQuery autocomplete ne fonctionne pas pour la première tentative

Question

J'ai essayé d'implémenter la saisie semi-automatique dynamique dans mon programme. Cela fonctionne parfaitement après la première entrée. Mais il ne montre pas de suggestions pour la première tentative. Cependant, le serveur répond à la source requise pour la saisie semi-automatique. Voici mon code.

 $('.autocomplete').live('keyup', function(){ 
     $this = $(this); 
     var search = $this.val(); 
     $.ajax({ 
      url:'/package/index/search/keyword/'+search+'/format/json', 
      async: false, 
      success: function(res){ 
       //console.log(res.options); 
       //console.log(res.defined_ids); 
       staticObject = res.defined_ids; 
       $this.autocomplete({ 
        source: res.options 
       }); 
      } 
     });    
    }); 

code côté serveur est

$keyword = $this->_getParam('keyword'); 
    $elementDetailModel = new Package_Model_ElementDetail(); 
    $arr = $elementDetailModel->searchElementDetail($keyword); 
    $this->view->options = $arr['options']; // returns in the format array("test2","my new test", "night stay in delux room") 
    $this->view->defined_ids = $arr['defined_ids']; // returns in the format array(21::21=>"test2", 22::22=>"my new test", 24::24=>"night stay in delux room") 

quand je console defined_ids journalisés et options Firebug, je me suis réponse suivante quand je tapais 't' dans le champ de texte.
Options:

[ "test2", "mon nouveau test", "séjour d'une nuit dans la chambre de Delux"]

defined_ids:

Object {21 :: 21 = "test2", 22 :: 22 = "mon nouveau test", 24 :: 24 = "nuit dans une chambre de luxe"}

Toute aide serait appréciable. Merci d'avance.

Answer 1

Le format affiché à partir du firebug n'est pas celui d'un JSON. C'est un tableau, auquel on accède en utilisant des index.

Lorsque vous affichez la sortie, assurez-vous d'abord de json_encode() la baie, puis affichez-la.

Par exemple, en ce qui concerne la question, vous tableau final devrait ressembler à ceci

$array['options'] = array("test2", "my new test", "night stay in room"); 
//Then you should echo the encoded the array to json 

echo json_encode($array); 

Ensuite, assurez-vous vues ÉTEINDRE cette demande.

Answer 2

Vous avez probablement oublié de spécifier le contexte sever-side. Dans la méthode de commande vous _init(), ajoutez:

$ajaxContext = $this->_helper->getHelper('AjaxContext'); 
$ajaxContext->addActionContext('actionName', 'json') 
      ->initContext(); 

et assurez-vous de remplacer actionName par votre nom de contrôleur d'action.

Ensuite, $this->view->options = $arr['options'] sera automatiquement converti dans un format json valide.

Plus d'informations sur AjaxContext here in the manual.