如何在Javascript中访问用户提交的表单数据？

Question

我对编程比较陌生，但是要理解HTML，CSS和Javascript（包括jQuery）的基础知识。 the solution works. 由于我的绿色，如果答案都包含一个简单的解决方案和理由， 解决方案的工作我会感激。 谢谢！

所以我有一个表单，带有文本输入和提交按钮：

<form>
<input type="text">
<button type="submit">Submit</button>
</form>

当用户在文本字段中键入数据并单击提交时，如何获取对此数据的访问权限？ 如果用户输入了他们的名字，我该如何获取该信息？ 我不打算将它存储或写在任何地方，只是为了将其作为javascript中的变量保留，我将其分配给jQuery cookie。

那么如何访问用户提交的数据，最好只使用Javascript（使用jQuery）？ 谢谢您的帮助！

Answer 1

您可以访问服务器端的数据（例如，通过$_POST['username']在PHP中）。 表单将数据发送到您的服务器以获取任何命名输入，因此您可能必须将输入更改为：

<input type=text name=username>

如果您想在客户端（使用JavaScript）访问它，您也可以这样做，但您必须阻止表单提交：

$("form").on('submit', function (e) {
    $.cookie('username', $(this).find('[name=username]').val());
    //stop form from submitting
    e.preventDefault();
});

Answer 2

说你有一个html输入标签，例如：

<input id="textfield" type="text">

使用javascript，您可以将该字段的值存储在变量中，如下所示：

var inputvalue = $('#textfield').val();

当然，你需要一些东西来运行脚本。

这有效的原因是文本字段是一个对象。 你可能会认为它是一个树干，有不同的树枝出来。 其中一个“分支”是其中包含的值。 因为你知道jquery，你知道$('#textfield')通过选择器获取元素。 期间说我们得到了一个分支，“价值”说我们想要分支来告诉文本字段中的内容。

希望这可以帮助。