title: submit the form using ajax
body: <p>I'm developing an application (a kind of social network for my university). I need to add a comment (insert a row in a specific database). To do this, I have a HTML form in my html page with various fields. At time of submit I don't use the action of form but i use a custom javascript function to elaborate some data before submitting form.</p>
  
  <pre><code>function sendMyComment() {
  
      var oForm = document.forms['addComment'];
      var input_video_id = document.createElement("input");
      var input_video_time = document.createElement("input");
  
      input_video_id.setAttribute("type", "hidden");
      input_video_id.setAttribute("name", "video_id");
      input_video_id.setAttribute("id", "video_id");
      input_video_id.setAttribute("value", document.getElementById('video_id').innerHTML);
  
      input_video_time.setAttribute("type", "hidden");
      input_video_time.setAttribute("name", "video_time");
      input_video_time.setAttribute("id", "video_time");
      input_video_time.setAttribute("value", document.getElementById('time').innerHTML);
  
      oForm.appendChild(input_video_id);
      oForm.appendChild(input_video_time);
  
      document.forms['addComment'].submit();
  }
  </code></pre>
  
  <p>The last line submits the form to the correct page. It works fine. But I'd like to use ajax for submitting the form and I have no idea how to do this because I have no idea how to catch the form input values. anyone can help me?</p>