在点击加载页面之前显示加载

Question

$("#button").click(function(){
    $(document).ready(function() {
        $('#wrapper').load('page.php');
    });
});
<div id="wrapper"></div>
<div id="button">click me</div>

我想在发送前显示加载（加载）page.php 点击后 #button

Answer 1

这是 jsfiddle 脚本 https://jsfiddle.net/1uwopptv/ 或内联脚本，假设这是您想要的。您可以在请求完成后再次隐藏正在加载的 gif。

$("#button").click(function(){
    $('#img').show(); 
    $('#button').hide(); 
    $(document).ready(function() {
        $('#wrapper').load('page.php');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wrapper"></div>
<div id="button">click me</div>
<img src="https://loading.io/assets/img/landing/curved-bars.svg" id="img" style="display:none"/ >

Disclaimer：使用的图像属于站点 loading.io，如在第一个 google 搜索中出现的那样。

在点击加载页面之前显示加载

show loading before load page on click

javascript

ajax

jquery

load