wie die Anzeige ajax-loading Bild

Möchte ich zeigen, ajax-loading Bild. aber weiß nicht, wie das zu tun. hier ist meine Arbeit ajax-Skript. bitte helfen Sie mir
Integration von ajax loading gif.Dank

$(function() { 
    $( "#slider" ).slider({ 
       stop: function(event, ui) {
              $.ajax({
              url: "ajax.php",
              cache: false,
              async: false,
             data: "",
                  success: function(html){
                $("#result_list").html(html);
              }
            });

         }
    });
});
Sollten Sie in Erwägung ziehen, Ihre Anfrage asynchron.

InformationsquelleAutor no_freedom | 2011-05-26

  1. 6
    $(function() { 
$( "#slider" ).slider({ 
   stop: function(event, ui) {
          $("#place_of_loading_image").show();
          $.ajax({
          url: "ajax.php",
          cache: false,
          async: false,
          data: "",
          success: function(html){ //got the data

            $("#place_of_loading_image").hide(); //hide ajax loader         
            $("#result_list").html(html);        //show downloaded content
          }
        });

     }
    });
});

    Wo #place_of_loading_image einige container (wie div), in einem Ort, den Sie möchten loader.gif zu erscheinen.

    <div id="place_of_loading_image" style="display:none"><img src="load.gif"/></div>
    dieses Skript funktioniert in firefox. aber nicht in opera,chrome, ie. bitte helfen Sie mir danke
    Ich bearbeitet die post. Mit dieser Variante können Sie die ersten remove " style="display:none"' und sehen, dass dieses Bild korrekt angezeigt für alle Browser.
    vielen Dank für die Antwort. Seine Arbeit dankt Ihnen so viel . 🙂

    InformationsquelleAutor MajesticRa

  2. 2

    Haben Sie sich blockui?
    http://jquery.malsup.com/block/

    $(function() { 
    $( "#slider" ).slider({ 
       stop: function(event, ui) {
          $.blockUI({ message: null });  //loading
              $.ajax({
              url: "ajax.php",
              cache: false,
              async: false,
             data: "",
                  success: function(html){
                  $.unblockUI(); //loading complete
                $("#result_list").html(html);
              }
            });

         }
    });
});

    InformationsquelleAutor samwise

  3. 1

    Ajax haben api-ajax starten und ajax stoppen, Wann immer Sie einen ajax-request senden Sie diese apis löst

     $(document).bind("ajaxStart.mine", function() {
      $("#image").html("<img src="loading.gif"/>");
    });

$(document).bind("ajaxStop.mine", function() {
  $("#image").html("");
});

    Ein-und Ausblenden Sie Ihr Bild mit Klassen.

    InformationsquelleAutor Pir Abdul

  4. 0

    Bevor Sie beginnen Ihre XHR, zeigen Sie das Bild laden.

    Auf den Erfolg-Rückruf Ihres XHR, verstecken die be-Bild.

    InformationsquelleAutor alex

  5. 0

    Etwas wie das helfen wird.

    Am Anfang Ihrer Funktion:

    jQuery('#processing').html( '<img src="/images/ajaxBigFlower.gif">' );
$('#submit').attr("disabled", true);

    Erfolg Teil Ihrer Funktion:

    jQuery('#processing').html( '' );
$('#submit').attr("disabled", false);

    Hinweis: <div id='processing'></div> sollten Sie in Ihren HTML-und Sie können die position dieses DIV-Element irgendwo auf der Seite mit css. Und setzen id='submit' für diesen submit-buttons, die Sie festlegen möchten als deaktiviert, wenn er bearbeitet wird...

    InformationsquelleAutor Naveed

Schreibe einen Kommentar