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

JavaScript015

在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>