跨页面请求

本文讨论了在航空查询项目中遇到的跨页面查询导致数据无法正确显示的问题。作者提出,不应该使用跨页面查询请求,而是通过sessionStorage记录查询条件,在目标页面加载时回填条件并执行查询。通过这种方法,将原本的两次查询合并为一次,解决了数据同步问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

现在做的项目为航空,航班查询,那么查询航班呢?需要明白的是我要去那里,在什么时候去,几个人去。那么现在呢我打开南方航空的官网进行网上订票。点击预定行程后出现在眼前的便是航班查询,也就是要去哪,几时去,几个人。
在这里插入图片描述
怎么在这个页面查询,然后把结果是在航班选择的页面中展示出来呢?初始的想法时,先查了再说,再到航班选择把结果给拿出来。于是乎,把所需要的条件一锅顿的传过去了。然后呢到航班查询中设置layer表格,以表格的形式来装载。设置完layui表格设置路径,页面一刷新结果也出来了。
但是在我以条件来匹配航班的时后发现结果始终没变化,最后发现,因为是从航班查询中传递的条件来,以条件查询的返回的结果是正确的,然而跳转到页面后layui表格预设的路径请求又会重新请求一遍查询结果,而因为她请求的是结果,是没有传递条件的那么得出的结果便不是我想要的结果。那么导致了一个问题:
在上个页面查询的结果,不能正确地在航班选择里正确的显示
– 那么怎么把该显示的数据给显示出来呢?
不要使用跨页面查讯的请求,因为在那里请求的查询,结果便会返回到那去
那如何处理跨页面查询的问题呢?结果就是不使用跨页面查询。
设置个方法:点击立即查询后,获取到页面中输入的出发的城市名,到达的城市名,以及出发时间,几个人。如果获取到的数据都不为空,那么便执行下一步,把我所需要的数据使用
(sessionStorng.setItem) 来记录查询的条件,然后跳转到第二个页面(航班选择)中去。
在这里插入图片描述
在这个(航班选择)页面上也有单程、往返、多程的查询条件来查询航班的html设置。把在航班查询到的存在sessionStrong里的数据,拿出来放到(航班选择)页面的查询条件中去。也就是从sessionStrong中拿到数据并回填到页面航班查询条件中。在数据回填完成后,那么查询条件也就有了。
在这里插入图片描述
接下来在页面加载完成后,立即执行多条件查询,将查询出的结果,在layui表格重载时加载查询结果。这样就这两次查询出合并为一次查询
在这里插入图片描述
– 总结:
跨页面查询,我并不了解,但怎么查询数据还是学过的,相对于搞不懂的跨页面查询,使用在当前页面来查询无疑是最好的做法,可以肯定的是跨页面来查询肯定有对应的方法,但合适自己的才是最好,在不了解如何跨页面查询的时候,把两个页面合并到一起来查,不是怎么方便实用来着么。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值