Javascript JQuery-发送服务器请求时的全局函数调用

我是一个初学者，在一个博客中添加了请等待动画gif到我的测试页面。它工作得很好

博客说明说，向表单按钮添加以下代码，以触发请等待动画gif：

onclick="ShowProgressAnimation();"

如果有一个页面和一个按钮，开发人员希望通过调用服务器来触发please wait动画gif，这是可以的

如果一个站点的每个表单上有40个页面和10个按钮呢。开发人员是否可以将上述代码添加到每个页面上的每个按钮？好像要做很多工作

---

是否有一个全局jquery函数可以在用户每次调用服务器对整个站点执行操作时触发please wait动画gif？

如果您谈论的是ajax请求，则可以使用和事件

---

为所有按钮指定一个类名。然后使用该类触发一个公共函数，该函数将显示您的进度

假设您在表单的10页上有10个按钮：

<input type="button" id="button1" class="showprogress" value="Click">

<input type="button" id="button2" class="showprogress" value="Click">

<input type="button" id="button3" class="showprogress" value="Click">

---

尝试使用下面的类

HTML代码

---

您只需添加类btn即可显示进度动画

您是在谈论ajax请求吗

<input type="button" id="button1" class="showprogress" value="Click">

<input type="button" id="button2" class="showprogress" value="Click">

<input type="button" id="button3" class="showprogress" value="Click">

//This code should go in the head tag, between script tags
$(document).ready(function(){
    $('.showprogress').on('click', function(e){
        //Show the gif image
        //Do the processing
    });
});

<button id="one" class="btn">ADD</button>
<button id="two" class="btn">DELETE</button>
<button id="three" class="btn">UPDATE</button>

$('.bnt').click(function(){
    // code to show your progress animation goes here
})