在显示GIF之前清除c＃中的Gridview

Question

当我从数据库中获取数据时，我在客户端点击该按钮时显示按钮单击和GIF数据。在第一次加载数据后，当用户再次点击加载数据按钮时，它会开始显示GIF而不会清空或隐藏上一个gridview。

如何在开始显示GIF之前隐藏/删除gridview？ 我尝试了很多可能的选项，但它不会在GIF之前清空网格。

按钮

<asp:Button class="btn btn-success" ID="loadDataRequestButton" runat="server" OnClick="loadRequestData" OnClientClick="DisplayLoadingImage();" Text="Load Data"  />

<img id='HiddenLoadingImage' src="Images/loading.gif" style='display: none;' />

<script type='text/javascript'>
function DisplayLoadingImage() {
                    document.getElementById("HiddenLoadingImage").style.display = "block";
                }
               </script>

以下是我的代码：

protected void loadRequestData(object sender, EventArgs e)
    {
        RequestGridView.Visible = false;
        RequestGridView.DataSource = null;
        RequestGridView.DataBind();

        requestData= ....... ( returns data from db)

        if (requestData != null && requestData.Rows.Count > 0)
        {
            RequestGridView.PageIndex = 0;
            RequestGridView.DataSource = requestData;
            RequestGridView.DataBind();
        }
        else
        {
            errorMessage();
            clearAllFields();
        }
    }