通过 JS 将 POST 数据传递给 PHP 失败

Question

我第一次添加了一些巨大的东西，混合了 JS、PHP、THREE 和许多其他东西。这是我尝试过的。

当有人在人体上单击 THREE.js 场景时，选择人体的各个部分和 javascript，然后将其添加到我想使用 PHP / MySQL 将所选内容保存到数据库中。

THREE.js 场景有效，我可以选择/取消选择事物，生成的动态 HTML 输出也适用。例如，我得到一个这样生成的表单：

<canvas width="1680" height="949"></canvas>
<div id="Description">Will be added to database:</div>
<form id="BodyParts" method="POST" action="index.php?s=cinput">
    <input type="checkbox" id="leg_right" name="leg_right" disabled="" value="leg_right">
    <div id="leg_right_Description">Rechtes Bein</div>
    <input type="checkbox" id="leg_left" name="leg_left" disabled="" value="leg_left">
    <div id="leg_left_Description">Linkes Bein</div>
    <input type="checkbox" id="torso_top" name="torso_top" disabled="" value="torso_top">
    <div id="torso_top_Description">Obertorso</div>
    <input type="submit" value="Speichern" id="Submit">
</form>

所以，点击提交按钮后，我只是在使用 var_dump($_POST);在我接收 cinput.php 文件上。但它给出了一个空数组。但是，当尝试重新加载网站时，Chrome 告诉我一些数据已发送，我需要再次验证。你知道我的意思。上面生成的 HTML 表单到底是如何不起作用并且不发送我可以在 PHP 中使用的 POST 数据的？

Answer 1

您的所有输入字段中都有disabled 属性。仅存在此属性，即使其值为空 ("") 也会导致该字段被禁用。禁用的字段不与表单的其余部分一起提交。由于您的整个表单只有禁用的输入，因此您什么都不提交。

例如

<input type="text" value="foo" disabled="" />
<input type="text" value="bar" disabled="false" />
<input type="text" value="baz" disabled="disabled" />

所有这三个输入都被禁用，即使按照“人”逻辑，您也希望只有最后一个被实际禁用。

您的提交按钮未被禁用，但由于没有 name 属性，它也不会向表单提交任何内容。