Jquery AJAX 获取表单信息？

Question

您好，当用户单击提交时，我正在尝试让我的代码从页面上的表单中检索键/值对。我一直在环顾四周并尝试了很多方法，但不断收到错误消息，例如：

未捕获的类型错误：无法使用“in”运算符成功搜索“6”

我的代码：

 <form action="./blah" id="thisform">
    <fieldset>
      <legend>Place a Reservation</legend>
      <label for="firstName">First name: </label>
      <input id="firstName" type="text" placeholder="first name" autofocus="autofocus"
        required="true" pattern="[a-z,A-Z]{8}"/><br/><br/>

      <label for="lastName">Last name: </label>
      <input id="lastName" type="text" placeholder="last name"
        required="true" pattern="[a-z,A-Z]{1, 10}"/><br/><br/>



      <label for="Phone">Phone number: </label>
      <input id="Phone" type="phone-number" placeholder="(000)-000-0000"  maxlength="10" minlength="10"
        required="true" /><br/><br/>

      <label for="Party">For how many people? </label>
      <input id="Party" type="number" placeholder="#" min="1" max="12" value="1"
        required="true"/><br/><br/>

      <label for="date-of">Date of reservation </label>
      <input id="date-of" type="date" placeholder="date of reservation" min="2016-01-01"
        max="2016-12-30" value=""/><br/><br/>

      <label for="Time-of">Time (24hr) </label>
      <input id="Time-of" type="text" placeholder="00:00 "  maxlength="20" /><br/><br/>
      <input id="submit" type="submit" value="Submit"/>
      <input type="reset" value="Reset"/>



    </fieldset>
  </form>

然后是脚本

<script>
    /*<![CDATA[*/
    $(document).ready(function() {

        var submit = document.getElementById("submit")

    submit.onclick = function(){
        $.get("reserve.html", function(key, value){
$.each(value, function(key, value){
    console.log(key, value);
});
});
};


    });
    /*]]>*/
</script>

我很迷茫，我知道我的代码在某种程度上是错误的，感谢任何帮助！

（我的名字输入也不接受我输入的内容，我不知道为什么）

谢谢！

Answer 1

这很简单。只需像这样使用$('form').serialize()：

$.get('reserve.html?'+$(form).serialize());