jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】


Posted in jQuery onMarch 28, 2018

本文实例讲述了jQuery实现浏览器之间跳转并传递参数功能。分享给大家供大家参考,具体如下:

one.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/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 = jQuery.trim($(".keyword").val());
    var searchUrl = encodeURI("two.html?searchText=" + searchText); //使用encodeURI编码
    location.href = searchUrl;
  })
</script>
</body>
</html>

two.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://cdn.bootcss.com/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程序设计有所帮助。

jQuery 相关文章推荐
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
使用jQuery实现动态添加小广告
Jul 11 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jQuery实现鼠标滑动切换图片
May 27 jQuery
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 #jQuery
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 #jQuery
jQuery实现的回车触发按钮事件功能示例
Mar 25 #jQuery
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 #jQuery
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 #jQuery
jquery的 filter()方法使用教程
Mar 22 #jQuery
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 #jQuery
You might like
php 常用算法和时间复杂度
2013/07/01 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
ThinkPHP表单自动提交验证实例教程
2014/07/18 PHP
JS修改css样式style浅谈
2013/05/06 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
2015/12/29 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
angular2倒计时组件使用详解
2017/01/12 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
VSCode配置react开发环境的步骤
2017/12/27 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
2018/01/18 jQuery
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
2018/09/26 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
python 识别图片中的文字信息方法
2018/05/10 Python
python利用thrift服务读取hbase数据的方法
2018/12/27 Python
Python中pymysql 模块的使用详解
2019/08/12 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
HTML5实现晶莹剔透的雨滴特效
2014/05/14 HTML / CSS
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
公务员培训自我鉴定
2014/02/01 职场文书
总会计师岗位职责
2014/02/19 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
死者家属慰问信
2015/03/24 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
基于Python实现将列表数据生成折线图
2022/03/23 Python