ivanlw
V2EX  ›  问与答

请教一个页面传参的问题

  •  
  •   ivanlw · Apr 16, 2014 · 2895 views
    This topic created in 4591 days ago, the information mentioned may be changed or developed.
    有若干个页面需要传参,然后汇总到最后一个页面生成一个订单,举个栗子吧,用一个订酒店的场景:
    1.搜索酒店
    2.选择一家酒店(传hotelID, hotelName, hotel's Long and Lat, address...到下一个页面)
    3.进入酒店的detail页面,选择其中一种rate(大床房,标间,总统套房...,把typeName和对应的rate,以及第二步的所有参数)
    4.进入下一个页面,输入个人联系信息(firstName, lastName, contactAddress, phone, email...,然后把这布的信息和第1,2步的信息一起传到下一步)
    5.信用卡信息
    6.其他信息...
    7.以此类推...
    正常实现的话,我想到的是用input的hidden type来传参,就是把前几步的参数传到下一步,然后用
    <input type="hidden" />来表示,进而可以继续传到下下步……但是感觉这样子太麻烦了,请问有什么简单一些的方法吗?
    9 replies  •  1970-01-01 08:00:00 +08:00
    kchum
    kchum
    Apr 16, 2014
    1
    session?存数据库。
    zzNucker
    zzNucker
    Apr 16, 2014❤️1
    2
    有。。。 塞到session里。
    或者提交到服务器存其它地方。
    icanfork
    icanfork
    Apr 16, 2014 via Android
    3
    显示当前页面,隐藏其他页面,点击最后页面的提交,再收集要的数据
    jsonline
    jsonline
    Apr 16, 2014❤️1
    4
    1. cookie,缺点是消耗了不必要的带宽
    2. session,缺点是需要服务器的支持
    3. window.name,基本没缺点,不过比较 hacky
    4. localStorage, 不兼容 IE 6、7
    jsonline
    jsonline
    Apr 16, 2014
    5
    5. iframe,把页面都放在 iframe 里,父页面保存所有数据。 iframe 的缺点是页面加载比较慢。
    jsonline
    jsonline
    Apr 16, 2014
    6
    @belin520 我估计楼主的应用不是单页面应用,无法隐藏页面。除非他套多个 iframe,那也挺蛋疼的。
    lang1pal
    lang1pal
    Apr 16, 2014
    7
    如果是我的话,我会这样做, 局部刷新,用unobtrusive scripting的方式去做,保持在一个页面。可以理解为动态生成了一张表单,最后一次提交
    shiye515
    shiye515
    Apr 16, 2014
    8
    debug一下京东或者淘宝的页面看看他们是怎么做的
    sivacohan
    sivacohan
    Apr 20, 2014
    9
    直接搞成webapp怎么样?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   932 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 21:37 · PVG 05:37 · LAX 13:37 · JFK 16:37
    ♥ Do have faith in what you're doing.