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插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
jQuery treeview树形结构应用
Mar 24 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 连接mssql数据库 初学php笔记
2010/03/01 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
WordPress网站性能优化指南
2015/11/18 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
PHP 7安装使用体验之性能大提升,兼容性强,扩展支持不够(升级PHP要谨慎)
2017/07/27 PHP
PHP检测接口Traversable用法详解
2017/12/29 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
thinkPHP框架乐观锁和悲观锁实例分析
2019/10/30 PHP
基于php+MySql实现学生信息管理系统实例
2020/08/04 PHP
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
2016/08/05 Javascript
用nodejs的实现原理和搭建服务器(动态)
2016/08/10 NodeJs
详解AngularJS ng-class样式切换
2017/06/27 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
2017/08/18 jQuery
基于DOM节点删除之empty和remove的区别(详解)
2017/09/11 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
2018/01/12 Javascript
用Vue编写抽象组件的方法
2019/05/06 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
不要用强制方法杀掉python线程
2017/02/26 Python
python3+mysql查询数据并通过邮件群发excel附件
2018/02/24 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Django框架使用mysql视图操作示例
2019/05/15 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
学前教育专业毕业生自荐信
2013/10/03 职场文书
银行门卫岗位职责
2013/12/29 职场文书
销售业务员岗位职责
2014/01/29 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
创业计划书之酒店
2019/08/30 职场文书
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android