2011-05-13 74 views
0

嗨,大家好,我想在jQuery的.ajax請求期間使用加載圖像。 我在互聯網上找到了一些教程來實現這一目標。但我得到403錯誤...加載圖像給出了一個403錯誤,jquery調用/ post

這裏是一些代碼:

$.ajax({ 
     type: "POST", 
     url: "person_controller.php?action=newConsult", 
     data: dataString, 
     success: function(div){ 
      $("#generateDiv").html('<img src="css/images/ui-anim_basic_16x16.gif" />'); 
      $('#generateDiv').load(div); 
     }, 
    }); 

當我運行上面的代碼,螢火給我403錯誤(您沒有權限訪問)。 但我只是加載圖像?!?沒有圖像它確實有效。

圖像的路徑是正確的,我看到圖像旋轉,但螢火蟲給我403錯誤。 當我在localhost上運行這個應用程序時,這怎麼可能?

+0

如果你使用'型使用BlockUI jQuery插件? – drudge 2011-05-13 17:57:58

+0

「div」的值是多少?爲什麼要在加載其他內容之前設置元素的HTML內容? – Pointy 2011-05-13 18:01:01

+0

@Pointy:看起來這是一個「內容正在加載」動畫。 – drudge 2011-05-13 18:05:58

回答

2

您可以嘗試以下設置請求之前的加載圖像。 「POST」'含'GET`參數的URL:

$.ajax({ 
    type: "POST", 
    url: "person_controller.php?action=newConsult", 
    data: dataString, 
    beforeSend: function() { 
     $("#generateDiv").html('<img src="css/images/ui-anim_basic_16x16.gif" />'); 
    }, 
    success: function(div){    
     $('#generateDiv').html(div); 
    }, 
}); 

Alternativly,你可以(http://jquery.malsup.com/block/

+0

當我使用div而不是加載它.html工作。 但現在我沒有看到任何加載程序圖像是否有一種方法來減慢這一點,我嘗試與.fadeIn('慢')仍然doenst顯示圖像。 Tnx爲你提供幫助 – DownDown 2011-05-13 18:38:59