[问题] 线上答题测验的推荐写法?

楼主: tingmeow (雪炉喵)   2016-09-15 04:05:44
之前公司要做线上答题问卷,模式大概如下:
出现问卷(以下是举例)
勾选以下你有的兴趣,证明你是不是肥宅
○打手枪     (程式判断得30分)
○看动画     (程式判断得40分)
○上八卦发废文  (程式判断得20分)
○做网页     (程式判断得10分)
>50分:你的分数是**分,你是彻彻底底的肥宅!快点接受治疗吧!
<50分:你的分数是**你快进化成肥宅了,别上PTT了
0分:你的分数是**你是八嗄囧?
以上这测验没啥问题,我用JavaScript放在一个函式里可以算出总分,
可是机歪的是他们需求怪里怪气的@@:
1. 做测验 → 跳到中转站页,要用户留名单 → 等待页 → 公布结果页
index.php     middle.php success.php  final.php
※这是RWD网页...
以上我是分四个网页来做,要这样做是因为....
他们说要埋什么GA追踪码,所以要精确知道客户的动作
我本来只会在同一个页面完成作题+留名单+公布结果
改成这样我不太懂要怎么做,我就很白痴的把答案用GET传到网址上
再这样一页一页的当参数传到最后一页...
在网页上这个方法是可行的,网址上面就有个?id=100
可是后来我发现在手机上好像不管用<囧> 手机竟然不记网址?
记得后来改成用cookie的方式也不行QQ
我在怀疑是不是手机支援JavaScript,应该不会吧
还想请教大家,有什么比较好的解决方法呢?
我在想是不是要用PHP的 session?之类的
不过那样我的计分方式是不是要改用PHP了@@
(这些答题分数不需要记入数据库,只是给客户作好玩的)
新手上路,还请多多指点迷津,感恩不尽 m(__ __)m
作者: YoyaKazuma (喰)   2016-09-15 08:31:00
都要传参数为何不正常用 POST 就好了...@@?
作者: Hevak (Arthow Eshes)   2016-09-15 10:48:00
没有特别理由的话把那4个网页做成一个单页式应用的4个view会轻松很多...另外在这个case里面get/post不影响用get还是post都没什么关键影响做成单页式应用的话像是计分那种东西放在共用的state就好了,硬要跳页的话也可以放在localStorage这边,localStorage是按照网站分开的,存一些跨页面的资料还算方便localStorage/sessionStorage的使用可以参考这里:https://goo.gl/GNn3BKhttp://www.w3school.com.cn/html5/html_5_webstorage.asp以你现有原订的架构,不想大改的话直接把分数塞localStorage/sessionStorage可能比较方便,这个是纯client端的东西另外你所谓的手机不记网址是什么意思@@?看不懂
作者: ian90911 (xopowo)   2016-09-15 11:31:00
想要做切换页面效果可以用fullpage.js之类的套件
作者: Ayukawayen (亚布里艾尔发芽>//<)   2016-09-15 11:47:00
单页式我想他们还是没办法埋GA XD
作者: Siu (荟)   2016-09-15 11:48:00
$field1=make_safe($_POST["field1"]);echo "<input type=hidden name=field1 value=\"".$field1."\">\n\r"; 有多少个变量就这样一整串传来传去= =
作者: vi000246 (Vi)   2016-09-15 12:52:00
关键字:javascript pass variable/parameter
楼主: tingmeow (雪炉喵)   2016-09-15 15:00:00
就是我用手机开我的网页其实是看不到网址的 本来计分在网页上可以计分可是手机上就变成undefined QQ
作者: Canboo (啃布先生)   2016-09-15 20:16:00
回到需求面,要GA追踪可以用JS在事件点送出tracking阿!中间多了留个资!? 谁要做小测验还送个资给你,有隐私政策?
楼主: tingmeow (雪炉喵)   2016-09-16 04:20:00
对啊 有隐私政策啥的 类似联成电脑也是这样押这样想想我是不是在送出名单按钮埋tracking就好了@@""

Links booklink

Contact Us: admin [ a t ] ucptt.com