jQuery实现浏览器之间跳转并传递参数功能【⽀持中⽂字
符】
本⽂实例讲述了jQuery实现浏览器之间跳转并传递参数功能。分享给⼤家供⼤家参考，具体如下：
one.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="cdn.bootcss/jquery/2.2.2/jquery.slim.js"></script>
</head>
<body>
<input type="text" class="keyword"/>
<button id="searchBtn">点击</button>
<script type="text/javascript">
$("#searchBtn").click(function() {
var searchText = im($(".keyword").val());
var searchUrl = encodeURI("two.html?searchText=" + searchText); //使⽤encodeURI编码
jquery实现ajaxlocation.href = searchUrl;
})
</script>
</body>
</html>
two.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="cdn.bootcss/jquery/2.2.2/jquery.slim.js"></script>
</head>
<body>
<input type="text" class="keyword1"/>
<script type="text/javascript">
//获取上⼀个搜索页⾯传来的参数
var searchUrl = window.location.href;
var searchData = searchUrl.split("="); //截取 url中的“=”，获得“=”后⾯的参数
var searchText = decodeURI(searchData[1]); //decodeURI解码
$(".keyword1").val(searchText);
</script>
</body>
</html>
运⾏结果：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家jQuery程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。