title: Send data from large form by AJAX
body: <p>I have a form with 30 field: 3 field which are 10 times repeated. This is my code:</p>
  
  <pre><code>&lt;form id="artikelform" method="POST" name="controleartikelen" action=""&gt;
  &lt;table id="controle"&gt;
      &lt;tr&gt;&lt;th&gt;Maakartikel&lt;/th&gt;&lt;th&gt;Aantal&lt;/th&gt;&lt;th&gt;Leverdatum&lt;/th&gt;&lt;/tr&gt;
      {for $i=1 to 10}
          &lt;tr&gt;
              &lt;td&gt;&lt;input type="text" name="artikel" class="artinput"/&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="aantal" class="aantalinput"/&gt;&amp;nbsp;x&lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="datum" class="dateinput"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
      {/for}
  &lt;/table&gt;
  &lt;input type="button" onclick="javascript:startControle();" value="Controleer"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I want to send my form-values to a PHP script by AJAX (POST-method). I tried to send <code>$.param($("#artikelform").serializeArray());</code> with my ajax as POST-data but the result of that function is not usable (just a lot of variables in a sort of GET-format). What is the best way to use this form in combination with AJAX? Maybe another way of using <code>serializeArray()</code>?</p>
  
  <p>EDIT:</p>
  
  <p>this is my code for the AJAX-request:</p>
  
  <pre><code>$.ajax({
              url: 'myscript.php',
              cache: false,
              data: formdata,
              type: "POST"
          }).done(function(data){
              $("#resultwrapper").html(data);
          })
  </code></pre>