使用JQuery從Iframe中提取內容的問題

Question

我使用Iframe技術在同一頁面上傳了一些文件。我從IFrame中提取內容。第一次提交的時候一切正常，但是當我第二次提交時，我在控制檯日誌中得到了一個額外的行，第三次提交時我得到了兩個額外的行...

我在Firebug控制檯中得到的是：

- 
name_1 
+ 
- 
name_2 
+ 
name_2 
+ 

我的錯誤是什麼？

<script> 
window.onload=init; 

function init() { 
    $('#file_upload_form').submit(function() 
    { 
    document.getElementById('file_upload_form').target = 'upload_target'; 

    $('#upload_target').load(function() 
    { 
     console.log ($('#upload_target').contents().find('#response').html()); 
     console.log ("+");    
    }); 
    console.log ("_"); 

    }); 
} 

</script> 

Answer 1

我相信您每次提交表單時都會添加一個附加的載入處理程序。嘗試刪除此：

$('#upload_target').load(function() 
    { 
     console.log ($('#upload_target').contents().find('#response').html()); 
     console.log ("+");    
    }); 

從提交處理程序，只是把它放在提交處理程序之外。