javascript - 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"/>
​&lt;/form>

当用户填写数据并点击提交时，我需要一种获取数据的方法，更改标题（假设在用户输入的任何内容的末尾添加单词“TESTING”）然后提交表单两次；一次使用原始数据，另一次使用更改后的数据。

任何人都可以帮助我在 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;
});