2010-07-04 106 views
1

我有下面的代碼爲什麼我的.ajax請求報告在Firebug中被中止?

$(function(){ 
    $("#AddMaps").submit(function(){ 

     var $form = $('#AddMaps'); 

     $.ajax({ 
      type: 'POST', 
      url: 'test_multiple.php', 
      data: $form.serialize(), 
      dataType: "json", 
      beforeSend:function(){ 
       $('#ajax-panel').html('<div class="loading"><img src="loader.gif" alt="Loading..." /></div>'); 
       //alert(data); 
      }, 
      success:function(data){ 
       $('#ajax-panel').empty(); 
       if (data.response != "Success"){ 
        $('#ajax-panel').append('Error Occurred'); 
       } 
       else { 
        $('#ajax-panel').append('File(s) Uploaded'); 
       } 
      }, 
      error:function(){ 
       // Failed Request; Freak out 
       $('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>'); 
      } 
     }); 
     return false; 
    }); 
    }); 

當這個事件觸發時,Firebug的報道稱,此次事件被中止。此外,在beforeSend中,警報不會顯示任何數據(顯然,未註釋時)。在這一點上,我懷疑data未適當填充,但螢火蟲顯示請求正確的數據: server=1&maps%5B%5D=europe.tar.bz2

爲什麼我的要求越來越中止?

+1

我已經評論了你以前的帖子之前,文件上傳不能用'$阿賈克斯()' – Reigel 2010-07-04 02:05:52

回答

1

正如Reigel詳細,AJAX不能處理文件上傳。 (我不知道我自己,直到前幾天。)

有,但是一個Javascript對象,它是能處理文件上傳,並使用jQuery進行交互。注意:這不是傳統意義上的AJAX,而是彌合了您目前正在處理的空白。

AJAX Upload

+0

我偏愛jQuery的表格(http://jquery.malsup.com/form完成/)。當然,這是我用過的唯一一個。它可以讓你上傳東西,並保持在頁面上沒有重新加載,我猜是你(@Andy)尋求的東西。 – MrBoJangles 2013-08-12 18:07:35

相關問題