Ajax отправляет пустые POST-данные, но ТОЛЬКО в IE и Firefox

Question

У меня странная проблема (которую я искал, но без успеха). Я использую Ajax для отправки формы в PHP-скрипт. Это отлично работает в Chrome, Opera и Safari. Тем не менее, как в IE, так и в Firefox форма отправляется скрипту правильно, но данные формы отсутствуют. Когда POST-данные отсутствуют, я убедился, что скрипт возвращает ошибку. Я пытался найти эту проблему часами, но без везения. Ты моя последняя надежда.

Вот код AJAX (с некоторыми Javascript):

<script type="text/javascript"> 
    $(document).ready(function() { 

    $("#latestNewsForm").on('submit', function(event) { 
    event.preventDefault(); 

    $.ajax({ 
     url   : "http://devserver/site/php/getLatestArticles.php", 
     type  : "POST", 
     data  : new FormData(this), 
     contentType : false, 
     cache  : false, 
     processData : false 
    }).done(function (data) { 
     $("#formResponse").html(data); 
    }); 

    }); 
    }); 
    </script> 

А вот форма:

<form id="latestNewsForm" method="post"> 
    <input type="submit" name="currentPage" id="firstPage" value="1"> 
</form> 

Большое спасибо заранее!

Answer 1

Комментарий Ohgodwhy, скорее всего, правильный.

Поместите свои данные в переменную вне этого вызова ajax. this, вероятно, относится к чему-то другому, чем вы ожидаете в разных браузерах.

Попробуйте это:

$("#latestNewsForm").on('submit', function(event) { 
    event.preventDefault(); 

    var data = new FormData(this); 

    $.ajax({ 
     url   : "http://devserver/site/php/getLatestArticles.php", 
     type  : "POST", 
     data  : data, 
     contentType : false, 
     cache  : false, 
     processData : false 
    }).done(function (data) { 
     $("#formResponse").html(data); 
    }); 

    }); 

Другая возможность может быть связана с кнопки отправки: Submit rollover button not working in FF and IE