JavaScript: Błąd ajaxSubmit

Question

Mam następujący funkcja JS wyzwalany za pomocą przycisku:

function uploadPicture() { 
    $("form#pictureUpload").ajaxSubmit({ 
     data: $("form#pictureform").serialize(), 
     type: 'post', 
     url: '?action=loadpicture', 
     success: function(response) { 
      $('#div-pictures').html(response); 
     } 
    }); 

}

To działało perfekcyjnie przez kilka miesięcy. Ale przestało działać dzisiaj w Firefoksie, Safari, Chrome i Operze - chociaż nadal działa poprawnie w Internet Explorerze.

Safari daje mi następujący tajemniczy błąd:

Failed to load resource: cancelled  ?action=loadpicture 

Chrome wysyła prawie taki sam (bez : cancelled). Opera i Firefox nie wykazują żadnego błędu. Jedyną dodatkową informacją jest to, że powyższe błędy występują po zakończeniu przesyłania pliku i mimo że serwer generuje dane wyjściowe HTML jako informację zwrotną, która jest ignorowana przez przeglądarki.

Proszę dać mi znać, jeśli masz pomysł, jak to naprawić. Pracuję w kółko od wielu godzin, nawet nie zbliżając się do rozwiązania - po prostu nie widzę błędów w kodzie ani w plikach dziennika. Wielkie dzięki!

Answer 1

Zajęło mi to trochę czasu, ale w końcu domyśliłam się. Jeden z naszych adminów dodawanych do konfiguracji Apache:

co spowodowało problem w pewnym przeglądarce powodu użycia iframe opisaną w http://jquery.malsup.com/form/#file-upload. Po zmianie go do następnego wszystko działa ponownie (bez zmian w kodzie!):

Header append X-FRAME-OPTIONS "SAMEORIGIN" 

Zresztą, komunikat o błędzie na Safari & Chrome są tajemnicze. Dziwne zachowanie bez komunikatu o błędzie w innej przeglądarce jest jeszcze gorsze.

Answer 2

Hmmm nie powinno być w użyciu ciąg kwerendy w URL, ponieważ podczas rozmowy serializacji jej dostanie włączyć dane w kwerendzie nawleczone Spróbuj tego:

$("form#pictureUpload").ajaxSubmit({ 
     data: 'action=loadpicture&'+$("form#pictureform").formSerialize(), 
     type: 'post', 
     success: function(response) { 
      $('#div-pictures').html(response); 
     } 
    });