您如何获取保存在表单（html）中的数据？

Question

我不知道 html 需要你的帮助才能做点什么。

我写了这段代码：

<form action="Programmierung/1.html">
    <table>
        <tr>
            <td><label for = "name">Name</label></td>
        </tr>
        <tr>
            <td><input id="name" type="text" size="15"/></td>
        </tr>
        <tr>
            <td><label for = "vorname">Vorname</label></td>
        </tr>
        <tr>
            <td><input id="vorname" type="text" size="15"/></td>
        </tr>
        <tr>
            <td><label for = "geburtsdatum">Geburtsdatum</label></td>
        </tr>
        <tr>
            <td><input id="geburtsdatum" type="date"/></td>
        </tr>
        <tr>
            <td><label for = "strasse">Straße</label></td>
            <td><label for = "hausnummer">Hausnummer</label></td>
        </tr>
        <tr>
            <td><input id="strasse" type="text" size="15"/></td>
            <td><input id="hausnummer" type="text" size="15"/></td>
        </tr>   
        <tr>
            <td><label for = "plz">Postleittzahl</label></td>   
            <td><label for = "ort">Ort</label></td>
        </tr>
        <tr>
            <td><input id="plz" type="text" size="15"/></td>
            <td><input id="ort" type="text" size="15"/></td>
        </tr>
        <tr>
    </table>
    <br><br>
    <table>
            <td><input type="submit" value="01: Personenbezogene Daten"/></td>
    </table> 
</form>

我想将所有变量发送到另一个名为“1.html”的 html 页面，但我不知道如何。 我做错了什么？ 我需要 php 吗？ 如果是，我该如何实施？

Answer 1

这些天没有必要使用 forms 将数据传输到其他页面。 这就是 1990 年代的做法……但今天，我们使用 AJAX。

使用表单，用户输入数据，点击提交，页面发送数据 - 并导航到 - 另一个页面。 该视图实际上切换到该其他页面。

AJAX 甚至比使用 forms 更简单，特别是如果您使用 jQuery $.ajax().done()代码块。 使用 AJAX，您：

一个。 从用户输入中收集数据

湾。 指定服务器端处理文件（a.PHP文件很容易做到）

c。 当用户点击“提交”时，数据被发送到.php文件，你在那里接收它并对其进行处理，然后.php文件发回（使用ZE1BFD762321E409CEE4AC0B6E8的echo显命令）aC4 string AJAX 代码块的.done()部分，在.done()块内，您从 php 端接收数据，并且

d。 仍然在.done()块内，您有机会使用新收到的数据修改网页。

因此，例如，您可以：

• 将登录信息发送到.php文件，它可以响应通过或失败，零或一，响应。 或者，php侧可以发回一些未经认证的用户不允许看到的隐藏数据。

• 将地址发送到后端文件，php 文件可以将其插入数据库（例如 MySQL 或 MariaDB）

• 将测验答案发送到后端文件，它可以以正确答案或仅以 1/0（通过/失败）响应，等等。

当 ajax 代码块完成后，用户仍然在与以前相同的页面上——但该页面可能已经更新了新信息。 因此，如果您的页面上发生了多个 ajax 事件，您可以与用户进行您希望的所有交互 - 您不需要其他页面。

重要笔记：

1. jQuery 现在已经过时了。 Vanilla javascript 自 2015 年以来有了很大改进，Fetch API 几乎与 jQuery 的$.ajax()一样易于使用。 但是，它更难以解释，对于初学者来说仍然有点困难。 我建议你研究一下$.ajax()的做法，然后尝试切换到使用 Fetch。

2. 您仍然可以使用<form>容器和提交按钮，但不要在表单上放置action=属性——后端处理文件在$.ajax()代码块中指定。

3. 最重要的是，如果您使用表单，则必须捕获提交按钮上的单击事件（使用 javascript），并使用event.preventDefault()来阻止表单尝试离开当前页面。 请参阅以下示例：

AJAX 与表单提交

如何在单击按钮时发送包含表单中数据的 email？

在 ajax 响应后未更新值

如何制作 Ajax 联系表

实现 PHP

简单。 只需将文件从1.html重命名为1.php 。 完毕。

在 any.php 文件中，实际的 php 代码必须用“开始”和“完成”标签包围，如下所示：

<?php开始，并且

?>完成。

通常，文件以<?php ... 开头，如果整个文件是 php 代码，那么最后的?>可以省略。 If you are using a php file as a back-end processing file for AJAX, it is common for the entire file to be php - in which case you would begin the file with <?php and the processing would end when you echo the data返回客户端页面（通常称为index.html或index.php或类似名称。

Note that a file ending in .php doesn't need to have any php code in it at all... You can rename all your .html files to .php and everything will still work the same. 唯一的区别是现在您可以在该文件中使用.php 代码，但是 php 代码将在用户有机会与页面交互之前在开始时一次性处理。