Javascript Отправка данных в форму дважды

Question

Допустим, у меня есть простая форма:

​<form id="new_stuff">
    <label>Title </label>
        <input id="title" maxlength="255" name="new[title]" size="50" type="text"><br /><br />
    <label>Message </label>
        <input id="message"  name="new[message]" size="50" type="text" value="general"><br />
    <label>Upload </label>
        <input id="upload_data" name="new[upload]" size="30" type="file"><br />
    <input id="submitform" action="form.php" type="button" value="submit me" formmethod="post"/>
​</form>

Когда пользователь заполняет данные и нажимает "Отправить", мне нужен способ получить данные, изменить заголовок (скажем, добавить слово "ТЕСТИРОВАНИЕ" в конце того, что пользователь ввел), а затем отправить форму дважды; один раз с исходными данными, другой с измененными данными.

Может кто-нибудь помочь мне с методом сделать это в JS. Спасибо

Answer 1

Немного JQuery делает это довольно легко.

$( "#new_stuff" ).submit( function () {
  var self = this;
  // Save the form data as-is, before making any changes
  var originalFormData = $( self ).serialize();

  // Make changes to the values that you want to change.
  $( "#title" ).val( $( "#title" ).val() + ' TESTING' );

  // Serialize the form a second time
  var modifiedFormData = $( self ).serialize();

  // Post the form to your location.
  $.post('url', originalFormData);
  $.post('url', modifiedFormData);

  // Return false, otherwise the form action will post (a third time).
  return false;
});