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实现div跟随鼠标移动
Aug 20 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
jQuery实现简单三级联动效果
Sep 05 jQuery
jQuery实现朋友圈查看图片
Sep 11 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 echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
prettify 代码高亮着色器google出品
2010/12/28 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
jQuery中常用动画效果函数(日常整理)
2016/09/17 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
jQuery生成假加载动画效果
2016/12/01 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
React优化子组件render的使用
2019/05/12 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
js prototype深入理解及应用实例分析
2019/11/25 Javascript
swiper实现异形轮播效果
2019/11/28 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python利用pyHook实现监听用户鼠标与键盘事件
2014/08/21 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
Python函数调用追踪实现代码
2020/11/27 Python
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
安全大检查反思材料
2014/01/31 职场文书
商务专员岗位职责范本
2014/06/29 职场文书
北京故宫的导游词
2015/01/31 职场文书
2015年护士节慰问信
2015/03/23 职场文书
工作时间调整通知
2015/04/24 职场文书
居安思危观后感
2015/06/11 职场文书
从事会计工作年限证明
2015/06/23 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
利用Python多线程实现图片下载器
2022/03/25 Python
Javascript webpack动态import
2022/04/19 Javascript