Question

我有从数据库中删除记录的代码： -

$(document).ready(function(){
 $(".delete_class").click(function(){
   var del_id = $(this).attr('id');
   $.ajax({
      type:'POST',
      url:'admin.php?page=branches-and-city/branches-and-city.php&action=deletepicdone',
      data:'delete_id='+del_id,
      success:function(data) {
        if(data) {   
        $("#pic"+del_id).fadeOut(500,function(){
                    $("#pic"+del_id).remove();  
                    });
        alert ("تم مسح الصورة.");
        } else { alert("لم يتم مسح الصورة الرجاء المحاولة فيما بعد."); }
      }
   });
 });
});

所以我需要浏览器将数据发送到“admin.php?page=branches-and-city/branches-and-city.php&action=deletepicdone”的网址时，向我显示图片或其他一些叫我删除的过程。

我该怎么做。

Answer 1

在ajax调用之前添加image.show()，在成功函数

中添加image.hide()

Answer 2

包含隐藏指标。之后

   var del_id = $(this).attr('id');

更改指标的显示属性使其可见，并在ajax调用的成功函数内，再次将指标的显示属性更改为隐藏

Answer 3

创建一个显示“处理图片”的div

   <div class="loading" style="display:none">Processing . . .</div>


  $(document).ready(function(){
  $(".delete_class").click(function(){
  $('.loading').show();//show the div
  var del_id = $(this).attr('id');
  $.ajax({
  type:'POST',
  url:'admin.php?page=branches-and-city/branches-and-city.php&action=deletepicdone',
  data:'delete_id='+del_id,
  success:function(data) {
    $('.loading').hide();//hide div after success
    if(data) {   
    $("#pic"+del_id).fadeOut(500,function(){
                $("#pic"+del_id).remove();  
                });
    alert ("تم مسح الصورة.");
    } else { alert("لم يتم مسح الصورة الرجاء المحاولة فيما بعد."); }
  }
  });
 });
 });

Answer 4

del_id变量的范围未扩展到success函数。请改为$(this).fadeOut(...)。

在jquery删除之前显示加载图片

4 个答案: