2010-01-17 128 views
2

問候,jQuery的阿賈克斯裝載機

我想知道我應該怎麼做,使出現的ajax裝載機...

其實,我調用AJAX功能......一切都很順利

這裏是它是如何正在做

$('#txtEmail').blur(function() 
    { 
     $.post("ajaxAvailability.aspx",{ email:$(this).val() } ,function(data) 
     { 
      if(data=='false') 

... 

現在我想有裝載機,所以我做了這樣的:

$('#loader').ajaxStart(function() { 
     $(this).show(); 
    }).ajaxStop(function() { 
     $(this).hide(); 
    }); 

這應該是工作?正在發生的事情是,我收到的jquery.js內的例外....提前

-Thanks

+0

你有什麼異常? – Aly 2010-01-17 21:49:02

+0

對我來說看起來很好......你的'.post'沒有裝載器顯示/隱藏工作嗎? – Alconja 2010-01-17 21:56:42

+0

是的這個職位工作沒有顯示隱藏 你有任何ideia ??? 例外與此有關 return this.bind(「ajaxStart」,f); 未分配對象f – Killercode 2010-01-17 22:18:28

回答

0

問候,給大家

此問題的解決方案是正確的jQuery的1.3 1,2-vsdoc2.js文件

Ajax的功能有F參數,這應該被替換成回調

1

我通常做這在我的代碼:

$('#txtEmail').blur(function(){ 
    var value = $(this).val(); 
    //display loader image 
    $("#indicator").html("<img src='PATH/loading.gif' alt='' /> Sending...").show(); 
    $.post(URL, 
    { email:value }, 
    function(data) { 
     $("#indicator").empty().hide(); 
     //... 
    }); 
)}; 

在上面的代碼中,動畫圖像將出現在DOM元素中,其中id="indicator"。 AJAX請求完成後,我清空容器,然後隱藏它。根據你的頁面元素進行調整。

我的另一個代碼使用jQuery blockUI,通常在提交表單時,以防止雙重提交。檢查網絡的使用示例。