jQuery: Сохранение значений формы перед сериализацией?

Question

Я использую функцию jQuery serialize() для сбора данных в форме и отправки на сервер с использованием jQuery Ajax «post», например: var params = jQuery('#mainContent form').serialize();.
Странная вещь, которую я видел, это сериализованные данные из моей формы, содержащие старые данные. Это означает, что все мои изменения в форме (ввод в текстовое поле, выберите в комбинированном поле) не сохраняются в DOM, поэтому, когда jQuery вызывает serialize(), он собирает старые данные, которые появились до того, как я изменил форму. Я попытался проверить каждый элемент в этой форме и позвонить .val(), он по-прежнему показывает старые значения.
Так как я могу сохранить все свои изменения в форме, что метод serialize() может построить строку с новыми данными, которые я ввел?
Вот мой фрагмент кода, я назвал serialize() внутри представить обработчик

jQuery('.myFormDiv input.submit').click(function() { 
    // Do something 
    // Collect data in form 
    var params = jQuery('#mainContent form').serialize(); 
    // Submit to server 
    jQuery.post(url, params, successHandler); 
} 

Благодарю вас так много.

Answer 1

Когда вы вызываете сериализацию? он должен быть $ ('form'). submit ([здесь]); Похоже, что он вызывается при загрузке страницы, прежде чем вводить значения в поля, а затем использоваться после.

EDIT:

используя submit event вместо по щелчку будет поймать кого-то ударяя ввести в текстовое поле.

jQuery('#mainContent form').submit(function() { 
    // Collect data in form 
    var params = jQuery(this).serialize(); 
    // Submit to server 
    jQuery.post(url, params, successHandler); 
} 

* вышеуказанный код предполагает, что url задает и successHandler является функцией.