将 HTML 表单数据提交到 javascript [关闭]
Posted
技术标签:
【中文标题】将 HTML 表单数据提交到 javascript [关闭]【英文标题】：Submitting HTML form data to javascript [closed] 【发布时间】：2013-07-07 19:08:20 【问题描述】：我迷路了，我刚开始编程，我的代码并没有完全显示我想要做什么，而且还没有完成。但是，我的问题是我试图弄清楚如何获取用户输入的 html 表单数据，当按下按钮时，它会将数据提交到站点 javascript 中的字符串变量。挑战在于我不能使用任何服务器端脚本，只能使用 HTML、CSS、Javascript，而且我必须使用 JQuery。几个星期以来，我到处都在寻找如何做到这一点。我找不到任何对我正在尝试的东西有帮助的东西。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<script>
<!--
function storageCheck01()
if(typeof(Storage)!=="undefined")
activeSession();
else
var b0002=document.getElementById("wrapper");
b0002.style.display="none";
document.write("No Support!");
;
function activeSession()
if(typeof localStorage.visitCount !== "undefined")
++localStorage.visitCount;
if(typeof sessionStorage.c02 !== "undefined")
userData();
else
setCookie();
;
else
localStorage.visitCount = 1;
setCookie();
;
function setCookie()
sessionStorage.c01=date();
sessionStorage.c02=screen.availWidth;
sessionStorage.c03=screen.availHeight;
userData(sessionStorage.c01, sessionStorage.c02, sessionStorage.c03);
function userData(date, width, hight, )
addEventListener('load',storageCheck01,false);
-->
</script>
</head>
<body>
<form>
<!-- ADD FORM DATA TO RETRIEVE USERDATA -->
</form>
</body>
</html>
【问题讨论】：
你的后端是什么？ php？爪哇？ 您应该在问题和代码中包含更多信息。例如您要设置哪个 javascript 变量？ 这类东西有很多教程。 【参考方案1】：如果您只想将数据提交到服务器，则根本不必使用任何 JavaScript。当你在表单中放入一个“input”元素，例如一个“input type='text'”元素，它会创建一个文本框，文本框的值会自动作为表单变量提交给服务器，带有key作为元素的名称，使用时按提交按钮。然后，您可以使用您在服务器端使用的任何代码/平台来获取变量值。
【讨论】：
【参考方案2】：好吧，听起来您只是在尝试获取表单并在用户单击提交时捕获用户的输入。无需发布到其他文件。
因此，它只是让一个按钮放置一个 onclick 事件，然后在 javascript 中调用一个函数。此 javascript 将使用 document.getElementById(nameofObject).value。
例子：
<html>
<head>
<title>New Page 1</title>
<script language="JavaScript" type = "text/javascript">
<!--
function Test()
alert(document.getElementById("testinput").value);
//..>
-->
</script>
</head>
<body>
<form name="textfield">
<input type="text" name="T1" size="20" id="testinput">
<input type="button" value="Click Here" name="B1" onClick="Test()"></p>
</form>
</body>
</html>
来源：http://www.java2s.com/Tutorial/JavaScript/0460__DOM-Node/Getelementfromadocumentbyid.htm
【讨论】：
以上是关于将 HTML 表单数据提交到 javascript [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
提交 HTML 表单，执行 javascript 功能（警报然后重定向）