Question

您好我正在尝试让我的代码在用户点击提交时从页面上的表单中检索键/值对。我一直在环顾四周，尝试过一些方法，但不断出现如下错误：

未捕获的TypeError：无法使用'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());

J查询AJAX获取表单信息？

1 个答案: