Evolution #67: Tags: requetes ajax: eviter les retour

src/Muzich/CoreBundle/Controller/SearchController.php

@@ -59,7 +59,7 @@ class SearchController extends Controller
    *
    * @param string $string_search 
    */
-  public function searchTagAction($string_search)
+  public function searchTagAction($string_search, $timestamp)
   {
     if ($this->getRequest()->isXmlHttpRequest())
     {
@@ -94,7 +94,12 @@ class SearchController extends Controller
         $tags_response[] = $tag['name'];
       }
       
-      $response = new Response(json_encode($tags_response));
+      $return_array = array(
+        'timestamp' => $timestamp,
+        'data'      => $tags_response
+      );
+      
+      $response = new Response(json_encode($return_array));
       $response->headers->set('Content-Type', 'application/json; charset=utf-8');
       return $response;
     }

src/Muzich/CoreBundle/Resources/config/routing.yml

@@ -13,7 +13,7 @@ element_add:
   defaults: { _controller: MuzichCoreBundle:Core:elementAdd, group_slug: null }
 
 search_tag:
-  pattern: /search/tag/{string_search}
+  pattern: /search/tag/{string_search}/{timestamp}
   defaults: { _controller: MuzichCoreBundle:Search:searchTag, string_search: null }
   
 search_tag_ig_by_name:

src/Muzich/CoreBundle/Resources/views/Tag/tagsPrompt.html.twig

@@ -31,6 +31,8 @@
   options.form_name  = "{{ form_name }}";
   options.tag_init   = taginit;
   
+  ajax_query_timestamp = null;
+  
   $("#tags_prompt_list_{{ form_name }}").tagBox(options);
   
   // On détruit la variable taginit
@@ -55,9 +57,16 @@
         // ici il faut faire une ajax q pour obtenir la liste
         // ou a est un tableau de strings
         $('#tag_loader_{{ form_name }}').css('display', 'block');
-        $.getJSON('/app_dev.php/fr/search/tag/'+req.term, function(data) {
-          responseFn( data );
-          $('#tag_loader_{{ form_name }}').css('display', 'none');
+        ajax_query_timestamp = new Date().getTime();
+        $.getJSON('/app_dev.php/fr/search/tag/'+req.term+'/'+ajax_query_timestamp, function(data) {
+          
+          // Ce contrôle permet de ne pas continuer si une requete
+          // ajax a été faite depuis.
+          if (data.timestamp == ajax_query_timestamp)
+          {
+            responseFn( data.data );
+            $('#tag_loader_{{ form_name }}').css('display', 'none');
+          }
         });
       },
       minLength: 2,