我有 2 个 html 文件,fillForm.html 和 AnswerForm.html,以及一个名为 scripts.js 的 javascript 文件 我想在 fillForm 页面中创建一个表单,其中包含姓名和年龄,当我单击提交时,我想检查所有表单是否已填写,并将数据发送到第二页,这将显示在屏幕上: "你好 "name", 你的年龄是 "age"" 我认为它与请求和响应有关,但我想用 post 来做,而不是用 get 从 url 中获取数据。 我在 fillForm 页面中有这个:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="scripts.js"></script>
<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.8.2.js"
type="text/javascript"></script>
</head>
<body>
<form name="myForm" action="AnswerForm.html" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname"><br/>
Age: <input type="text" name="age">
<input type="submit" value="Submit">
</form>
</body>
</html>
scripts.js 中的脚本是:
function validateForm()
{
var firstName=document.forms["myForm"]["fname"].value;
var Age=document.forms["myForm"]["age"].value;
if ((firstName==null || firstName=="") || (Age==null || Age==""))
{
alert("fillOut all the form");
return false;
}
else
{
}
}
我知道我只想获取数据并将其显示在 ANSWERFORM.html 上,在这里我需要帮助。 我还有一个问题:表格的检查是好的还是有更好的检查方法?因为如果我要检查的数据不是2个而是40个,这个检查会很长,而且检查不是特定的而是一般的) 谢谢!
最佳答案
您通常需要服务器端代码/进程来处理这样的数据。
但是如果你想留在javascript中,你可以使用localStorage
来存储一些数据并在下一个页面中使用它。但是 localStorage
并不适用于所有浏览器,所以要小心。
关于javascript - 如何使用 javascript 在 2 个 html 页面之间发送数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13952770/