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仿微信聊天界面
May 06 jQuery
jquery.validate.js 多个相同name的处理方式
Jul 10 jQuery
jQuery常用选择器详解
Jul 17 jQuery
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
jQuery pjax 应用简单示例
Sep 20 jQuery
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 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
域名查询代码公布
2006/10/09 PHP
php实现utf-8和GB2312编码相互转换函数代码
2013/02/07 PHP
19个超实用的PHP代码片段
2014/03/14 PHP
详解PHP变量传值赋值和引用赋值变量销毁
2019/03/23 PHP
淘宝搜索框效果实现分析
2011/03/05 Javascript
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
jquery进行数组遍历如何跳出当前的each循环
2014/06/05 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
2016/01/12 Javascript
深入理解JS函数的参数(arguments)的使用
2016/05/28 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
小程序实现列表点赞功能
2018/11/02 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
numpy.array 操作使用简单总结
2019/11/08 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
分布式数据库需要考虑哪些问题
2013/12/08 面试题
传播学专业毕业生自荐信
2013/11/04 职场文书
专营店会计助理岗位职责
2013/11/29 职场文书
公司财务自我评价分享
2013/12/17 职场文书
公司门卫管理制度
2014/02/01 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
工厂搬迁方案
2014/05/11 职场文书
大学生标准自荐书
2014/06/15 职场文书
家庭困难证明
2014/10/12 职场文书
放弃继承权公证书
2015/01/23 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书