请教一个关于页面跳转传值的问题

Question

各位好：

    因为应用的功能需要， 现在想基于weui的基础上实现这样一个页面。

  在提交页面里面加一个按钮，点按钮之后打开另外的一个选择页面，在页面中选择好之后，点击完成之后。再回到提交页面。并且可以将选择页面中的值再传回来，并且之前在提交页面输入的值也可以保存。

效果就是类似：https://res.wx.qq.com/a/wx_fed/feedback/15060201/weixin_feedback_index.html#/list

在反馈页面点击“补充内容”后，打开补充页面，填写好信息之后，点完成还可以回到反馈页面。并将输入的值 也能传过来，请问下这个是怎么实现的呢？

Answer 1

我就想实现这样的方式，但是我看html的代码也没有发现怎么引用的,看网页的链接变成#/uploader就可以了。 这个是怎么回事呢？

Answer 2

那是url的片段(segment)部分，#后的值为页面某个元素的id，此时浏览器会将此元素显示在页面可见区中央左右，如果这个元素大小个页面相同，看上去就像一个新页面了，这是实现单页应用的一种主要方式。

Answer 3

你给的示例是在一个页面中实现的，如果选项不能直接做在同一页面的话，可以把选项页面和主页面做成两个iframe,然后传递数据。传递数据可以使用postMessage，或者通过iframe父元素。

参考：http://www.cnblogs.com/xyicheng/archive/2010/02/26/1674017.html

Answer 4

哦， 明白了你的意思。你的想法是在一个页面去实现吧。 就是类似模态框一样的方式。 可是我要做的选择的数据，是一个地图选择的功能。这样的话，好像不行呢。

Answer 5

选择地图为啥不行，不都是一样的吗有啥区别只是显示形式不一样而已，地图也是嵌套在div里面不

Answer 6

我现在对于这种数据的选择方式，所有数据选择都是在同一个页面进行，

用弹出div的形式显示需要选择的数据，当然选择操作建议使用锚标记的形式，这样在选择的是否，使用手机返回按钮返回时，你可以可以监听hashchange时间来隐藏此div而不会返回其他的页面，如#choose-my-list,这样的好处不需要担心进入另外的页面原来的页面数据丢失的问题