ajax gif 加载器

发布于 2024-08-16 23:28:37 字数 768 浏览 8 评论 0原文

你能告诉我在哪里以及如何放置 ajx 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>

原文

can you tell me where and how to put an ajx loading.gif?
my html code is below

<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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

荒人说梦 2024-08-23 23:28:37

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

提示：确保一次只有 1 个 AJAX 请求发送到您的服务器，例如 https://www.buxfer.com< /a>

回复收藏 0 原文

橘和柠 2024-08-23 23:28:37

建立在你想要的位置上，并在上面给出 display:none 。在 AJAX 调用之前的 search() 中，编辑 display:none 以再次阻止并隐藏 AJAX 函数 onSuccess 上的图像。

回复收藏 0 原文

淡看悲欢离合 2024-08-23 23:28:37

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

函数 simpleAjax(pageUrl, divId, spinnerId, formId, isFormEnabled)
{
var dataVar ='';
var d = new Date();
if(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(){}
});

}

You need to place gif file to any proper place and set "display:none;"
You can use my function based on jQuery. It automatically shows or hide the spinner on every ajax call.

function simpleAjax(pageUrl , divId , spinnerId , formId , isFormEnabled)
{
var dataVar ='';
var d = new Date();
if(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(){}
});

}

回复收藏 0 原文

~没有更多了~