您如何獲取保存在表單（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 代碼將在用戶有機會與頁面交互之前在開始時一次性處理。