js页面跳转并传值问题
js页面跳转并传值问题
1.js实现页面跳转传值出现乱码
function search(){var keyword=$("#search input[type=text]").val();var jsonItem={keyWord:keyword};var keyItem=JSON.stringify(jsonItem); //将对象"序列化"为JSON数据(字符串格式)localStorage.setItem("SearchRule",keyItem); //以字符串格式存储信息window.location.href =`http://localhost:8080/House/searchpage.html`;window.event.returnValue=false;}// 获取存储的信息,也是字符串格式var JsonItem=localStorage.getItem("SearchRule"); if(JsonItem!=null){//将JSON数据反序列化为对象var keyItem=JSON.parse(JsonItem); if(keyItem!=null&& keyItem.keyWord!=null){getDefaultInfo(keyItem.keyWord);}}
2.点击链接跳转页面
<li><a href="http://localhost:8080/House/searchpage.html"target="_blank">房屋查询</a></li>
3.ajax中点击链接触发事件跳转传值
<a href=javascript:findHouseById("${house.id}")><font size="4">${house.description}</font></a>// 根据房屋id查找房屋详情
function findHouseById(houseId){window.location.href = 'http://localhost:8080/House/lookpage.html#'+houseId;
}
//文档就绪事件
$(function(){url=window.location.href;let id = window.location.href.split('#');findHouseById(id[1]);
});
js页面跳转并传值问题相关推荐
- 微信小程序两个页面跳转,传值
微信小程序两个页面跳转,传值 在小程序界面,需要点击后跳转界面并且传递一个值. 具体实现如下:首先在wxml界面需要绑定事件,绑定需要传的值 a.wxml `<view bindtap=&quo ...
- 【Android基础】页面跳转与传值(Activity跳转与传值)
一个Android应用程序很少会只有一个Activity对象,如何在多个Activity之间进行跳转,而且能够互相传值是一个很基本的要求. 本次我们就讲一下,Android中页面跳转以及传值的几种方式 ...
- iOS——使用StroryBoard页面跳转及传值
之前在网上搜iOS的页面跳转大多都是按回以前的那种xib的形式,但鄙人是使用storyboard的.这篇就只介绍利用storyboard进行页面跳转与传值. 新建页面 iOS的程序也是使用了MVC的思 ...
- JS返回上一页-JS返回下一页-JS页面跳转
JS返回上一页-JS返回下一页-JS页面跳转 Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back( ...
- js页面跳转和js对iframe进行页面跳转、刷新
js页面跳转和js对iframe进行页面跳转.刷新 一.js方式的页面跳转 1.window.location.href方式 <script language="javascr ...
- js 页面跳转方法 当前页与新增页面
js 页面跳转方法 open('http://www.baidu.com'); //页面跳转打开一个新的页面close() //关闭当前页面location.href //可以进行页面跳转当前网页直接 ...
- js页面跳转 和 js打开新窗口方法
js页面跳转 和 js打开新窗口 方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
- location.hash 原生js页面跳转/路由
使用vue开发项目非常方便,vue全家桶让你想实现什么功能都更加便捷,但是使用原生js,jquery开发,页面之间跳转怎么实现呢, 下面说一下window.location.hash,概念性的东西大家 ...
- js页面跳转参考代码大全
整理一下JS页面跳转参考代码 第一种: <script language=/"javascript/" type=/"text/javascript/&q ...
- js 跳转html,js页面跳转方式 js页面跳转举例
js页面跳转,在日常的开发中,经常被用到,因为它灵活方便. 本文为大家收集了几种js页面跳转的方式,供朋友们参考. 方式1: 复制代码 代码示例: window.location.href=" ...
最新文章
- 物联网的层次结构如何划分?
- Java 比较两个日期的方法
- vijos1197-费解的开关【递推,枚举,位运算】
- html与java接口,JavaWeb学习——Servlet相关的接口和类
- Python笔记-沪深三百与茅台简单分析(2021年数据)
- spark代码连接hive_spark SQL学习(spark连接hive)
- linux下时间编程,Linux下的时间操作编程
- java 结果用长整数型表示_java 编程 输入正整数n,计算n!结果用长整型数表示
- c语言编程题作弊技巧,全国计算机二级C语言上机编程题详细分析(1)
- 基于IPQAM的VOD低成本方案
- 计算机excel怎么添加实线边框,给excel表格添加边框线
- 计算机桌面不能显示桌面,笔记本不显示桌面怎么回事_笔记本电脑开机不显示桌面如何处理-win7之家...
- Docker【1】 | 带你快速了解Docker,So easy
- 联想小新air14和联想pro14哪个好
- java 项目中遇到的问题 和解决方案_Java开发遇到的问题及解决方案
- Day7 零基础python入门100天Udemy训练营-Hangman Game 继续学习import, if else, while loop, for loop
- 浏览器兼容性测试工具Browser Sandbox
- 关于YOLOV4的一些技巧
- 通过IBM Cloud 部署云原生应用
- LOI 2887 [USACO07NOV]防晒霜Sunscreen
热门文章
- [转]垂直搜索基础知识(1)
- python制作adobe photoshop插件_Python 图像处理这样学 小白也易懂,还能顺便学习 Photoshop...
- 稀疏表示(Sparse Representations)
- 《考勤信息管理系统》数据库 课程设计
- ucgui添加自定义汉字库
- 《工程电磁场(第三版)》(倪光正 主编)复习
- topsis法_topsis法量化多个评价指标,找出最优方案
- JavaScript高级程序设计(读书笔记)(七)
- 职称计算机 将计算机broad_1下的e盘映射为k盘网络驱动器,职称计算机考试网络基础答案(1)...
- .Net Framework 4 如何静默安装