插件加載器的AJAX代碼

我有打印發表評論 AJAX腳本我想補充裝載機在服務器查詢工作插件加載器的AJAX代碼

什麼，我需要添加到「成功」才能看到LOADER在我的HTML頁？

function printComments (obj) { 

    var element = $(obj); 
    var contactID = element.attr("contactID"); 
    var type = element.attr("id"); 
    var info = 'contactID=' + contactID + "&type=" + type + "&catID=" + catID; 
    $("#loader").html('<img src="images/loading.gif" align="absmiddle">'); 
// alert(info); 


    $.ajax({ 
     type: "POST", 
     url: "ajax/followPrint.php", 
     data: info, 
     success: function(msg){ 


      if (type == "followsTab") 
       $("#follows").html(msg); 
      if (type == "commentsTab") 
       $("#commentsContent").html(msg);  
     } 
    }); 

    return false; 

}

來源

2015-02-09 Roi

你可以只用隱藏（）和show（）一樣玩，

function printComments (obj) { 

    var element = $(obj); 
    var contactID = element.attr("contactID"); 
    var type = element.attr("id"); 
    var info = 'contactID=' + contactID + "&type=" + type + "&catID=" + catID; 
    $("#loader").show(); // displaying loader here 


    $.ajax({ 
     type: "POST", 
     url: "ajax/followPrint.php", 
     data: info, 
     success: function(msg){ 
      if (type == "followsTab") 
       $("#follows").html(msg); 
      if (type == "commentsTab") 
       $("#commentsContent").html(msg);  

      $("#loader").hide(); // hiding loader here 

      } 
    }); 

    //return false; 

}

來源

2015-02-09 11:53:07 SagarPPanchal

例如

HTML 

<a href="#" id="verification" >test</a> 
<img src="example_preloader.gif" id="ajaxPreloader" style="display:none" />

$('#verification').click(function() { 
    $('#ajaxPreloader').toggle(); 
    $.ajax({ 
     type  : "POST", 
     url  : "example url", 
     data  : {'exampleData': ''}, 
     success : function(msg) { 
     $('#ajaxPreloader').text(''); 
     location.reload(); 
     }, 
     error: function(error) { 
     $('#ajaxPreloader').text(''); 
     } 
    }); 
    });

來源

2015-02-09 11:45:08 websky

使用beforeSend展示裝載機然後在成功功能中隱藏該加載器

$.ajax({ 
    type: "POST", 
    url: "ajax/followPrint.php", 
    data: info, 
    beforeSend:function(){ 
     $("#loader").show(); 
    }, 
    success: function(msg){ 

     $("#loader").hide(); 
     if (type == "followsTab") 
      $("#follows").html(msg); 
     if (type == "commentsTab") 
      $("#commentsContent").html(msg);  
    } 
});

來源

2015-02-09 11:53:53 akshik

嘗試下面的代碼：

$.ajax({ 
     type: "POST", 
     url: "ajax/followPrint.php", 
     data: info, 
     **beforeSend: function() { 
      $("#loader").html("<img src="images/loading.gif" align="absmiddle">"); 
      },** 
     success: function(msg){  
      $('#loader').hide(); 
      if (type == "followsTab") 
       $("#follows").html(msg); 
      if (type == "commentsTab") 
       $("#commentsContent").html(msg);  
     } 
    });

加入額外這行代碼：

beforeSend: function() { 
       $("#loader").html("<img src="images/loading.gif" align="absmiddle">"); 
       },

來源

2015-02-09 11:57:59 Chandresh

功能printComments（OBJ）{

var element = $(obj); 
var contactID = element.attr("contactID"); 
var type = element.attr("id"); 
var info = 'contactID=' + contactID + "&type=" + type + "&catID=" + catID; 
$("#follows").html('<img src="images/loading.gif" align="absmiddle">'); 
$("#commentsContent").html('<img src="images/loading.gif" align="absmiddle">');

//加載器將隱藏e。通過輸出取代，而服務器查詢工作

$.ajax({ 
    type: "POST", 
    url: "ajax/followPrint.php", 
    data: info, 
    success: function(msg){ 


     if (type == "followsTab") 
      $("#follows").html(msg); 
     if (type == "commentsTab") 
      $("#commentsContent").html(msg);  
    } 
}); 

return false;

}

來源

2015-02-09 12:14:28

插件加載器的AJAX代碼

回答

相關問題