JQUERY UI Assomple automatique - Comment implémenter Progress-Indicator?

Question

Si le titre de question n'était pas assez clair:

J'utilise le plugin d'observation automatique jQuery (partie de jQuery ui 1.8.5)

J'aurais pensé que le CSS / images fourni comprendrait une image de progression de type Ajax?

Sinon, quelle est la façon la plus simple d'en créer une?

Ceci est mon code de saisie semi-automatique:

$('#query').autocomplete({
   source: function (request, response) {
      $.ajax({
         url: "/Search/FindLocations",
         type: "POST",
         dataType: "json",
         data:
         {
            searchText: request.term
         },
         success: function (data) {
            response($.map(data, function (item) {
               return { name: item.name, value: item.name }
            }))
         }),
   select: function (event, ui) {
      // snip... (this is where i display stuff about what they clicked).
   }});

Où dois-je cacher / afficher une image dans le code ci-dessus?

Évidemment, après le code dans "SELECT", je pouvais cacher une image, mais où puis-je "afficher" l'image?

Answer 1

$('#query').autocomplete({
   source: function (request, response) {
      //i would show the image here, before starting your ajax request
      $("#theImage").show();
      $.ajax({
         url: "/Search/FindLocations",
         type: "POST",
         dataType: "json",
         data:
         {
            searchText: request.term
         },
         success: function (data) {
            response($.map(data, function (item) {
               return { name: item.name, value: item.name }
            }))
         }),
   select: function (event, ui) {
      // snip... (this is where i display stuff about what they clicked).
   }});