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

【问题标题】：get html form info and push to PHP using ajax获取 html 表单信息并使用 ajax 推送到 PHP
【发布时间】：2016-05-10 21:11:27
【问题描述】：

我正在努力处理这个 ajax 获取 POST。我尝试了各种获取用户信息并将其发送到假服务器（我的 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/>

结尾

<input id="submit" type="submit" value="Submit"/>

$(document).ready(function() {            
    var submit = document.getElementById("submit");
    var firstName = $("#firstName").val();
    var LastName = $("#LastName").val();
    var Phone = $("#Phone").val();
    var Party = $("#Party").val();
    var dateof = $("#dateof").val();
    var Timeof = $("#Timeof").val();

    submit.onclick = function(){         
        $.ajax({
            url: "reserveA.html",
            dataType: "json",
            data: $("thisform").serialize(),
            type: "POST",
            success: function() {
                console.log("oh")
                alert("form submitted");
            },
        });

    }
}

那么我的reserveA.php 是空白的。

【问题讨论】：

您的$.ajax 将数据发送到.html 文件，而不是.php 一个。
不完全确定您的意思。但通常当您在表单上收集数据时，php 文件会进行插入并插入到数据库中。某处也需要数据库信息。该站点上的某些语法可能已过时，但似乎与您所要求的相似。 formget.com/form-submission-using-ajax-php-and-javascript
“那么我的reserveA.php 是空白的”实际上是什么意思？
我也更喜欢在 from 事件上使用onsubmit，而不是在提交按钮上使用onclick。这样，您可以按“Enter”提交表单。确保您event.preventDefault() 以防止定期提交
您应该在input 上使用name 属性，这是将在serialize 上使用的键（或者当您进行正常提交时）

标签： javascript php jquery ajax forms

【解决方案1】：

你有一些错误，但基本上你的 AJAX 调用应该是这样的：

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

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

PHP+AJAX

Debugging AJAX

【讨论】：