ajax gif loader

Question

你能告诉我在哪里以及怎么放一个ajax loading.gif？ 我的HTML代码在

之下

<div class="searchbox">

    <input  id="Search" onkeyup="searchKeyUp(event)
     " name="Search" class="searchtextbox"/>

</div>
</td>

 <td width="57"><br> <img onclick="search(); return false;" style=" cursor:pointer" eight="30" onmouseover="this.src='images/j3.jpg'" type="image" src="images/j1.jpg"    onmouseout="this.src='images/s1.jpg';" alt="" width="57" ></td>
 </tr>
 </table> 
 <div> 
 <table cellspacing="0" cellpadding="0" border="0">

  <tr valign="left">

 <td><div class="resultCss" content="tableId" id='resultDiv'>

 </div></td>
 </tr>

        </table>   

Answer 1

在AJAX请求开始之前，显示ajax_load.gif，在结束后将其删除。

提示：确保您在https://www.buxfer.com

之类的时间内只向服务器发送了1个AJAX请求

Answer 2

在你希望拥有它的位置上建立并给出display：none。在AJAX Call之前的search（）中编辑display：none来阻止并再次隐藏AJAX函数上的onSuccess图像。

Answer 3

1. 您需要将gif文件放在任何适当的位置并设置“display：none;”
2. 您可以使用我的基于jQuery的功能。它会在每次ajax调用时自动显示或隐藏微调器。

function simpleAjax（pageUrl，divId，spinnerId，formId，isFormEnabled） {         var dataVar ='';     var d = new Date（）;     如果（isFormEnabled）         dataVar = $（'＃'+ formId）.serialize（）;

$.ajax(
{
    type: 'GET',
    url: pageUrl,
    cache:false,
    data:dataVar,               
    success: function(response){ $('#'+divId).html(response); $('#'+spinnerId).hide(); },

    beforeSend: function(){ $('#'+spinnerId).show();},

    error: function(m){ alert(m); },

    complete: function(){}
});

}