jquery - ajax调用前图像的滚动效果

Question

我正在开发一个自定义灯箱，其中下一个或上一个图像是通过 ajax 调用加载的。我想在 ajax 调用完成之前实现效果，以便在调用 ajax 并加载下一个图像之前推出当前图像。这是我的ajax代码

function loadimgagg(mipic){


var miid=$('#mipicview-overlay-content').attr('vwid')

var dataString = 'mipic='+ mipic+'&miid='+miid;

$.ajax({
type: "POST",
url: "eg.php",
data: dataString,
cache: false,

success: function(html){
$("#eg").html(html);
 }
 });

谁能帮我这个 ？

Answer 1

您可以beforeSend在以下位置使用回调$.ajax：

$.ajax({
type: "POST",
url: "modules/gallery/miloader.php",
data: dataString,
cache: false,
beforeSend: function() {
// something here
},
success: function(html){
    $("#mipicview").html(html);
}
});

或者您可以在 ajax 调用之前执行效果：

function loadimgagg(mipic){
  var miid=$('#mipicview-overlay-content').attr('vwid')

  var dataString = 'mipic='+ mipic+'&miid='+miid;

 $('image').fadeOut( 100, function() { 
 $.ajax({
    type: "POST",
    url: "modules/gallery/miloader.php",
    data: dataString,
    cache: false,

    success: function(html){
        $("#mipicview").html(html);
    }
 });  
})