Javascript 获取html表单信息并使用ajax推送到PHP

我正在为这篇ajax get文章而挣扎。我尝试了各种方法来获取用户信息并将其发送到一个假的服务器（我的php文件），包括

序列化表单数据

将action=“reserveA.php”和method=“post”添加到表单中 宣言

并使ajax中的数据等于表单输入id.val（）

我确信我在其他地方搞砸了，虽然我有一个php页面，我正在引用它，但我在页面上没有任何东西，因为我不知道放什么在上面

HTML表单

<form  id="thisform" action="reserveA.php" method="post">
    <fieldset>
      <legend>Place a Reservation</legend>
      <label for="firstName">First name: </label>
      <input id="firstName" type="text" placeholder="first name" autofocus="autofocus"
        required="true" /><br/><br/> 

---

然后我的

reserveA.php

为空。

您有一些错误，但基本上您的AJAX调用应该如下所示：

$.ajax({
    url: $("#thisform").attr('action'),
    dataType: "json",
    data: $("#thisform").serialize(),
    type: $("#thisform").attr('method'),
    success: function() {
        console.log("oh")
        alert("form submitted");
    },
});

---

如果您想了解更多信息，请查看以下帖子：

---

您有一些错误，但基本上您的AJAX调用应该如下所示：

$.ajax({
    url: $("#thisform").attr('action'),
    dataType: "json",
    data: $("#thisform").serialize(),
    type: $("#thisform").attr('method'),
    success: function() {
        console.log("oh")
        alert("form submitted");
    },
});

---

如果您想了解更多信息，请查看以下帖子：

---

你的

$。ajax

将数据发送到

.html

文件，而不是

.php

一个。不完全清楚你的意思。但通常，当您收集表单上的数据时，php文件将进行插入并插入到数据库中。某些地方也需要数据库信息。这个网站上的一些语法可能已经过时了，但它似乎与您所要求的相似。“then my reserveA.php为空”的实际含义是什么？我还更喜欢在from事件上使用

onsubmit

，而不是在submit按钮上单击

onclick

。这样，您可以按“回车”键提交表单。确保

event.preventDefault（）

要防止定期提交，您应该在

输入

上使用

name

属性，这是

序列化

（或正常提交时）您的

$上使用的键。ajax

将数据发送到

.html

文件，不是

.php

一个。不完全清楚你的意思。但通常，当您收集表单上的数据时，php文件将进行插入并插入到数据库中。某些地方也需要数据库信息。这个网站上的一些语法可能已经过时了，但它似乎与您所要求的相似。“then my reserveA.php为空”的实际含义是什么？我还更喜欢在from事件上使用

onsubmit

，而不是在submit按钮上单击

onclick

。这样，您可以按“回车”键提交表单。确保

event.preventDefault（）

要防止定期提交，您应该在

输入

上使用

名称

属性，这是将在

序列化

上使用的键（或在执行正常提交时）

$.ajax({
    url: $("#thisform").attr('action'),
    dataType: "json",
    data: $("#thisform").serialize(),
    type: $("#thisform").attr('method'),
    success: function() {
        console.log("oh")
        alert("form submitted");
    },
});