热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

javascript-移动页面A.html点击跳转B的页面,需要在B的页面填过的内容带给a.html。怎么做?

在填写银行卡信息页面中,点击分行跳转到选择分行页面。在新选择分行页面点击可以把这个值传给原来的页面?好难的样子,没做过。具体是怎么做啊。

在填写银行卡信息页面中,点击分行跳转到选择分行页面。

在新选择分行页面点击 可以把这个值 传给原来的页面?
好难的样子,没做过。 具体是怎么做啊。

回复内容:

在填写银行卡信息页面中,点击分行跳转到选择分行页面。

在新选择分行页面点击 可以把这个值 传给原来的页面?
好难的样子,没做过。 具体是怎么做啊。

同意楼上,并且你这是移动端,跳转页面是很不推荐的,之前我的一个项目也是类似,我做之前参考了很多大厂的移动端解决方案,无一例外的都是采用了这种单页解决方案,都是把一个个逻辑放在了不同的层级,然后用按钮来影藏和显示,还可以加上一点css3,来达到翻页的效果,很不错呢,就是页面逻辑比较复杂,理清楚就好了,对了,你可以去看看 饿了们 怎么做的,还有,苏宁的做的最好,你去看看

本地存储不可以么?

做单页应用,B页面别用单独的页面,将B页面的功能在A页面用一个完全覆盖A页面的层来做,这样数据想怎么拿就怎么拿了,

楼上说的没错,做spa,挑选银行按钮点击了直接把第二个页面的布局放到一个覆盖全部页面的p,选择了之后用js获取值放到选择银行那块...

如果是两个不同的页面的话,可以采用跨文档消息传递吧
在B页面上 window.postMessage(data,"A页面URL");
在A页面上 window.Onmessage= function (event){

if(event.origin == "B页面URL"){
    //处理event.data
}

}

get 不就行了

localStorage 应该可以

window.name可以传递两个页面间的数据

移动端 避免不必要的刷新页面 用弹出层(B) 填写完毕 下一步 隐藏(B) 然后使用JS获取(B)输入框的值
其实本质是一个页面 只不过是隐藏了而已

window.location.hash

不建议用localstorage 这玩意越少越好 建议用页面的叠加

可以不要做成页面跳转,b页面做成a页面的一个iframe,点击a页面的按钮,弹出iframe,b页面后选择支行执行函数parent.choose("支行名称"),在a页面定义一个choose(参数)函数。可以实现需求,优缺点就不比较了。

推荐阅读
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
author-avatar
有点难
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有