javascript - 如何使用 javascript 在 2 个 html 页面之间发送数据?

标签 javascript html

我有 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/

相关文章:

javascript - 在开发模式下看到开发者控制台中的 Angular 6 单击绑定(bind)吗?

html - Bootstrap datetimepicker 在打开另一个 datetimepicker 时关闭

javascript - 如何以 Angular 将数组插入数组?

javascript - jQuery Mobile 移除顶部圆 Angular

java - 如何在 Thymeleaf HTML 上使用 Java get 函数?

jquery - 如何将子菜单添加到下拉菜单

javascript - Jquery 按钮图像更改在 IE 和 Firefox 中不起作用

javascript - 从另一个页面上的链接调用一个页面上的函数

javascript - Internet Explorer 11 不提交 HTTPOnly Cookie

html - 空 bool HTML 属性是否与没有值属性相同?