如何把html传到另一个页面中,如何把一个页面的值传到另一个页面

在实际项目中有时候需要把上一个页面输入的值保留到下一个页面使用,现在根据个人总结如下:

1、最常用的方法url?传递方式

A:

下一页面

B:

%>

2、通过submit

A:

function reg2() {

var params2 = {mobile1: $(‘#m‘).val()};

$.post("Servlet", params2, function (data2) {

if (data.result === "error") {

alert("验证码有误!");

$(‘.tel-area‘).css("display", "block");//动态改变CSS样式

} else {

$(‘#u1‘).submit();    //如果校验通过,则向下一页面提交表单

}

}, "json");

}

B:

%>

3.经过一个Servlet后重定向回到B页面

request.getRequestDispatcher("B.jsp").forward(request, response);

4.通过把A的值设置到session中

A:

session.setAttribute("p1", "1");

%>

B:

Sreing s=session.getAttribute("numCode").toString();

%>

5.如果还有其他方法的话请帮我补充,非常感谢

原文:http://www.cnblogs.com/hais/p/4130722.html

以下是一个简单的例子,展示如何使用JavaScript将数据从一个页面传递到另一个页面。 在第一个页面(例如,index.html,我们可以创建一个表单来收集用户输入的数据,并使用JavaScript将数据保存在本地存储: ```html <!DOCTYPE html> <html> <head> <title>页面1</title> <script> function saveData() { var data = { name: document.getElementById("name").value, email: document.getElementById("email").value, phone: document.getElementById("phone").value }; localStorage.setItem("userData", JSON.stringify(data)); window.location.href = "page2.html"; } </script> </head> <body> <h1>页面1</h1> <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="email">电子邮件:</label> <input type="email" id="email" name="email"><br><br> <label for="phone">电话号码:</label> <input type="tel" id="phone" name="phone"><br><br> <button type="button" onclick="saveData()">提交</button> </form> </body> </html> ``` 在上面的代码,我们使用了localStorage对象将数据保存在本地存储,并使用JSON.stringify()方法将数据转换为字符串。 接下来,在第二个页面(例如,page2.html,我们可以使用JavaScript检索存储在本地存储的数据,并将其显示在页面上: ```html <!DOCTYPE html> <html> <head> <title>页面2</title> <script> function loadData() { var data = JSON.parse(localStorage.getItem("userData")); document.getElementById("name").innerHTML = data.name; document.getElementById("email").innerHTML = data.email; document.getElementById("phone").innerHTML = data.phone; } </script> </head> <body onload="loadData()"> <h1>页面2</h1> <p><strong>姓名:</strong><span id="name"></span></p> <p><strong>电子邮件:</strong><span id="email"></span></p> <p><strong>电话号码:</strong><span id="phone"></span></p> </body> </html> ``` 在上面的代码,我们使用了JSON.parse()方法将从本地存储检索的数据转换回对象,并使用innerHTML属性将数据显示在页面上。 最后,我们可以通过将这两个文件保存在同一目录下并在浏览器打开index.html来测试代码。在第一个页面输入数据并单击提交按钮后,页面将重定向到第二个页面,并显示存储在本地存储的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值