在JavaScript中,页面之间如何传值

JavaScript011

在JavaScript中,页面之间如何传值,第1张

可以利用form表单提交获取上一个页面的值

例:form表单提交传值及取值

发请求页面

<form style="display: none" method="post"

       id="infoDetailsHyperlink" name="input"

       action="<%=request.getContextPath()%>/view/basicmanage/reportTemplet/positionPeopleConfig.jsp">

       <input name="infoId" id="infoId">

       <input name="operationType" id="operationType">

       <input name="copyTempletIdConfigPeople" id="copyTempletIdConfigPeople">

</form>

发请求页面,js中发送请求

$("#infoId").val($("#lastStepTempletId").val())

$("#operationType").val($("#operationTypeIdLastStep").val())

$("#infoDetailsHyperlink").submit()

接收页面

<input  id="infoId" style="display: none"  value=<%=request.getParameter("infoId")%>>

<input  id="operationType" style="display: none"   value=<%=request.getParameter("operationType")%>> 

<input  id="copyTempletIdConfigPeople" style="display: none"   value=<%=request.getParameter("copyTempletIdConfigPeople")%>>

<script>

<%request.setCharacterEncoding("utf-8")%>     解决传值时中文乱码问题

</script>

按钮要加id,如下,你可以保存html格式看一下运行效果

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<script>

function tiaozhuan() {

var text1 = document.getElementById("input").value//获取按钮的值

var myurl = "https://www.baidu.com/s?wd=" + text1//拼接网址和获取的值

window.location.assign(encodeURI(myurl)) //跳转到拼接好的地址

}

</script>

<input type="button" id="input" value="test" onclick="tiaozhuan()" />

</body>

</html>

1、首先打开idea软件,新建一个名为jspDemo的项目。如图是新建项目的目录结构。

2、在web文件下的index.jsp文件中输入如下代码。

3、在src目录下,创建一个名为indexServlet的java文件。并输入下面代码。

4、接着在web>WEB-INF目录下的web.xml文件中的web-app标签内输入如下代码。

5、接着使用鼠标右键单击index.jsp文件,选择【Run 'index.jsp'】,运行程序。

6、在浏览器中输入“http://localhost:8080/index.jsp”,会显示如图所示页面。在输入框填写信息后,点击【提交】按钮。

7、点击按钮后,会跳转到到js中,并在页面中显示填写的信息。