Ошибка при извлечении контента из Iframe с использованием JQuery

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

из обработчика отправки и просто поместите его вне обработчика отправки.