将参数放在URL中(点击列表中的某条记录携带信息进行页面跳转)
2017-12-12 23:31
645 查看
解决方案:将该条记录的信息存进将要跳转的URL中,在新的页面对url进行解析即可。
关键代码如下:
1.将信息存进url:
2.在跳转的新页面对url进行解析(初始化时进行):
关于JSON.parse()和JSON.stringify()的相关推荐:
http://www.xker.com/page/e2015/07/209815.html
关键代码如下:
1.将信息存进url:
//当点击编辑该条记录时,页面需要携带信息进行跳转 edit=(e)={ console.log(e);//该记录的所有信息 let data = JSON.stringify(e);//JSON.stringify的作用主要是为了系列化对象(将原来的对象转换为字符串,如json对象): browerHistory.push(`/index?data=${data}`); }
2.在跳转的新页面对url进行解析(初始化时进行):
let data; if(GetRequest('data')){ data = JSON.parse(GetRequest('data'));//经获取到的url信息解析出json 对象 }else{ data={}; } let{username}=data;//需要显示的字段名称 this.state = { username:username; } //在你需要渲染的地方设置默认值为 this.state.username
关于JSON.parse()和JSON.stringify()的相关推荐:
http://www.xker.com/page/e2015/07/209815.html
相关文章推荐
- 在Datalist中通过点击某条目录跳转页面时用URL进行传值的方法
- thinkPHP传数组到模板页面volist每一列加一个button,点击按钮携带参数传给JS函数,跳转到不同的方法
- 微信小程序开发2-点击列表中的某一行跳转到新的页面显示该列的详细信息
- 基于vue循环列表时点击跳转页面的方法
- Android-ListView中添加Button或者可点击TextView进行页面跳转
- 如何实现点击UITableViewCell中的控件,能调用到所在的ViewController对象进行页面跳转
- Android 通过URL scheme 实现点击浏览器中的URL链接,启动特定的App,并调转页面传递参数
- 企业号验证后携带URL参数跳转问题
- 好友列表右键菜单进行Ajax请求时直接跳转至登陆页面
- Jquery跳转页面传递参数以及获取url的参数
- 页面链接跳转历史URL不记录的兼容处理
- 模块化开发中带着参数跳转页面进行回显的描述!
- ASP.NET 使用response.redirect( "url ")跳转后,页面记录没刷新。
- 关于跳转到空白页面进行新浪微博分享,当点击取消保存到草稿时无法监听,返回空白页问题的解决方案
- Android点击跳转到联系人列表、拨号面板和通话记录
- TableViewCell 里面嵌的TableViewCell 如何点击里面的TableViewCell进行页面跳转?
- 【ionic+angulajs】ion-tabs访问页面url不记录历史的方法(修改浏览器记录的历史url,改变goback的跳转)
- 退出后点击浏览器后退不能回到成功页面;直接进入页面和跳转进入页面样式不同;防止直接输入页面地址或servlet;当servlet跳servlet时,进行其他操作后后退出现错误!
- Android 通过URL scheme 实现点击浏览器中的URL链接,启动特定的App,并调转页面传递参数
- listview上进行ontouch事件,可滑动,可点击页面跳转