如何在ajax中添加加载效果

Question

Currently I have this code that gets the data from external PHP whenever clicked but it shows to quick what I need is that some delay with loading effects, I tried jQuery fade In Slow but it didn't work for me

$(document).ready(function() {
    $("#display").click(function() {                
      $.ajax({    //create an ajax request to load_page.php
        type: "GET",
        url: "o.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").fadeIn('slow').html(response); 
            //alert(response);
        }
    });
});
});

Answer 1

this way you can slowdown your output.

$(document).ready(function() {
$("#display").click(function() {                
  $.ajax({    //create an ajax request to load_page.php
    type: "GET",
    url: "o.php",             
    dataType: "html",   //expect html to be returned                
    success: function(response){                    
        setTimeout(function({
            $("#responsecontainer").fadeIn('slow').html(response)
        },100); 
    }
});
});
});