使用JQuery从Iframe中提取内容的Bug

Question

我正在使用Iframe技术在同一页面上传一些文件。我正在从IFrame中提取内容。第一次提交时一切都还可以，但是当我再次提交时，我在控制台日志中有一个额外的行，而在第三次提交时，我有2个额外的行......

我在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 ( "+" );               
     });

来自提交处理程序，只是把它放在提交处理程序之外。