0

このデモでは、単純な読み込みアニメーション インジケーターを作成しようとしています。私のjQuery Ajax呼び出しでは、Ajaxリクエストの新しいメソッドとスタイルを次のように使用しようとしています:

 var req = $.ajax({
        type: "POST",
        url: "datapro.php"
        });

        req.done(function(data) {
         //do something
        )};

私の質問は、 .ajaxStart()と.ajaxComplete()が新しいバージョンの jQuery と互換性があるかどうかです。もしそうなら、どうすればそれらをreqオブジェクトで呼び出すことができますか? それらを と のように呼び出すことは可能req.ajaxStart()ですreq.ajaxComplete()か?

もしそうなら、どこに電話すればいいですか？req.ajaxComplete()リクエストの最後にを使用すると推測していますが、.done()をどこで使用するか混乱していますreq.ajaxStart()。 

 <script>
    $(document).ready(function(){
      $(document).ajaxStart(function(){
        $("#wait").css("display","block");
      });
      $(document).ajaxComplete(function(){
        $("#wait").css("display","none");
      });
      $("button").click(function(){
        $("#txt").load("demo_ajax_load.asp");
      });
    });
</script>
4

3 に答える 3

0

これを使って：

$.ajax({
beforeSend:function(){
$("#wait").css("display","block");
},
 type: "POST",
 url: "url",
 success: function(data) {
      //do something here using data
  },
complete:function(){
$("#wait").css("display","none");
}
});
于 2014-09-09T08:35:37.877 に答える
0

これを試して：

$("#wait").css("display","block");
$.ajax({
     type: "POST",
     url: "datapro.php",
     success: function(data) {
          $("#wait").css("display","none");
      }
});

デモ

写真の読み込みに優れた作品

jQuery.fn.extend({
    loadImage:function(appendTo,callback){
       return this.each(function() {
           $("#wait").css("display", "block");
           $(this).load(function(){
               callback();              
              $("#wait").css("display", "none");
           }).appendTo($(appendTo));
       });
    }
});
$(document).ready(function () {    
    $("button").click(function () {
        var img="<img src='http://oi50.tinypic.com/16a4do9.jpg'>";
        $(img).loadImage("body",function(){
           alert("load");
        });
    });
});

デモ

于 2014-09-09T08:28:02.460 に答える