2

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

3 に答える 3

0

必要な位置に組み込み、display:none を指定します。AJAX 呼び出しの前の search() で、display:none を編集して、画像 onSuccess をブロックし、AJAX 関数から再び非表示にします。

于 2010-01-06T14:33:32.683 に答える
0
  1. gif ファイルを適切な場所に配置し、「display:none;」を設定する必要があります。
  2. jQueryに基づいて私の関数を使用できます。すべての ajax 呼び出しでスピナーを自動的に表示または非表示にします。

function simpleAjax(pageUrl , divId , spinnerId , formId , isFormEnabled) { var dataVar =''; var d = 新しい日付 (); 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(){}
});

}

于 2011-02-14T10:53:41.920 に答える
0

AJAX リクエストが開始する前に ajax_load.gif を表示し、終了したら削除します。

ヒント: https://www.buxfer.comのように、一度にサーバーに送信される AJAX リクエストが 1 つだけであることを確認してください。

于 2010-01-06T14:12:47.747 に答える