使用jQuery实现页面跳转传值,个人认为使用 session 应该会更简单,但由于项目的一些原因并没有使用session,这里使用的是 location.href
第一个页面获取值,使用 location.href 跳转到相应的第二个页面,由于是使用a标签跳转,只能实现跳转固定页面。
传值的过程如果是一个对象或者是数组，需要使用 JSON.string() 对其进行类型转换;
然后使用 encodeURL 对数据进行转码;
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.js"></script> </head> <body> <button id="btn">点击</button> <script type="text/javascript"> $("#btn").click(function() { var aa = []; var as = {}; as.s = 'ssss'; aa.push(as); var aaS = JSON.stringify(aa); var twoUrl = encodeURI("two.html?ownText=" + JSON.stringify(aaS)); //使用encodeURI编码 location.href = twoUrl; }) </script> </body> </html>
第二个页面接收父页面的地址以及里面的值，再对其进行转码 ， 输出就可以了
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.js"></script> </head> <body> <input type="text" class="input"/> <script type="text/javascript"> //获取 上一个搜索页面传来的参数 var twoText = window.location.href; var twodata = twoText.split("="); //截取 url中的“=”,获得“=”后面的参数 var twoText = decodeURI(twodata[1]); //decodeURI解码 $(".input").val(twoText); </script> </body> </html>