javascript - 从 HTML Javascript 表单中读取数据

Question

我正在创建一个由数据库支持的网站。我已经创建了收集信息的表单，但现在我需要在用户单击提交时读取表单中的输入并为 mySQL 处理它。我的表单操作是一个新页面，但我不知道如何从上一页读取值。我的表单代码如下所示:

<div data-wrapper-react="true">
        <span class="form-sub-label-container" style="vertical-align:top;">
          <input type="text" id="first_3" name="q3_fullName3[first]" class="form-textbox validate[required]" size="10" value="" data-component="first" />
          <label class="form-sub-label" for="first_3" id="sublabel_first" style="min-height:13px;"> First Name </label>
        </span>

当用户点击提交时，该页面的操作是 connect.php。我不知道如何读取那里的值。我尝试了以下命令:

document.getElementById("first_3").value; 

这仅在 connect.php 的空白 html 页面上显示代码，而不读取值。表单中的数据需要处理到不同的表中，如果有人也可以提供帮助，那就太好了。谢谢

Answer 1

按照您所描述的方式，表单处理是在服务器端执行的操作。 PHP 首先在服务器上处理，其中 PHP 标签可以被评估为 HTML，然后将其返回到浏览器。在 PHP 完成某些操作之前，您不会处理来自 javascript 的表单输入。回顾一下:https://www.w3schools.com/php/php_forms.asp

<?php echo $_POST["q3_fullName3[first]"]; ?>会将值输出到 HTML 页面中，允许您执行如下操作:

console.log("<?php echo $_POST["q3_fullName3[first]"]; ?>");

如果您查看 HTML 源代码，您会发现 PHP 标记已消失并被表单字段值取代。

听起来您可能想要一本有关 PHP + MySQL 的书，因为与数据库交互是一个更高级的主题。我可以推荐这个: https://www.amazon.com/Learning-PHP-MySQL-JavaScript-Javascript-ebook/dp/B00QUBHNFI/ref=mt_kindle?_encoding=UTF8&me=