Question

我在代码中添加加载图像，图像加载直到整个过程没有完全完成，但我如何知道页面加载时间，因为处理时间总是根据数据而变化。

我在下面的javascript代码中提到了时间。

<script>
$('#save').click(function() {
   $('#loading').html('<img src="./images/ima.png"> loading...');
   $.ajax({
      success : function(d) {
         setTimeout(function() {
            $('#loading').html('<img src="./images/images.png">');
         }, 2000);
      }
   });
});
</script>

Answer 1

使用complete隐藏您的加载图片，而不是ajax成功方法中的setout，这样一旦ajax请求完成，加载图片将被隐藏，无论错误或成功。

<script>
      $('#save').click(function() {
       $('#loading').html('<img src="./images/ima.png"> loading...');
       $.ajax({
          success : function(d) {
             //handle success
          },
          error: function(xhr) { 
            // hanndle if error occurs 
           },

          complete: function() {
              //hide loading here
               $('#loading').html('<img src="./images/images.png">');
          }
       });
    });
 </script>

设置页面加载处理时间

1 个答案: