js页面传值

su_cindy 2015-10-13 10:27:04
哪位大神帮帮忙,第一个页面中有3个input框,点击保存后,跳转到第二个个页面,同时第一个页面3个input值都显示在第二个页面的input框里,并且中文不乱码,去指教,求贴代码
...全文
148 4 打赏 收藏 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
liusaint1992 2015-10-13
  • 打赏
  • 举报
回复
页面a.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#sava_btn").click(function(){

var value1 = $("#input1").val();
var value2 = $("#input2").val();
var value3 = $("#input3").val();

//加码防乱码
value1 = encodeURI(encodeURI(value1));
value2= encodeURI(encodeURI(value2));
value3 = encodeURI(encodeURI(value3));

// 链接传值
location.href="b.html?value1="+value1+"&value2="+value2+"&value3="+value3;


})
})

</script>
</head>
<body>
<input type="text" id="input1" >
<input type="text" id="input2" >
<input type="text" id="input3" >
<input type="button" id="sava_btn" value="保存">
</body>
</html>



页面b.html


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">


function valueToInput(){
//获取值
var value1 = getQueryString("value1");
var value2 = getQueryString("value2");
var value3 =getQueryString("value3");

//译码
value1 = decodeURI(decodeURI(value1));
value2= decodeURI(decodeURI(value2));
value3 = decodeURI(decodeURI(value3));

//赋值
$("#input1").val(value1);
$("#input2").val(value2);
$("#input3").val(value3);
}


// 获取url中的变量值
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
</script>
</head>
<body onload="valueToInput()">
<input type="text" id="input1" >
<input type="text" id="input2" >
<input type="text" id="input3" >
这是页面b。
</body>
</html>



为了偷懒,用了jQuery。
楼主试试看。

a.html,b.html放在同一目录。
su_cindy 2015-10-13
  • 打赏
  • 举报
回复
领导要求直接前台传值
超级菜鸟 2015-10-13
  • 打赏
  • 举报
回复
= =.。有很多方法啊。保存的时候值不是在后台么,在传回前台,使用el表达式展示
su_cindy 2015-10-13
  • 打赏
  • 举报
回复
谢谢,不知道积分给你了没,我不会看

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧