如何用js实现年龄限制跳转效果?

2013-11-06 20:20:54 +08:00
 lvwzhen
http://www.electroniccigarettesinc.com/

age

这里有个年龄限制跳转的效果,确定大于十八岁后便不再出现这个弹窗,这是怎么实现的呢?

function ageNotMatch(){
location.href='http://www.google.com/';
}

function callAgeMatch(form) {

$('#button_submit').css('opacity', '.4');
var dataString = 'ageaccepted=yes';
$.ajax({
type: "POST",
url: "age_confirm_hander.php", //这里的ajax跳转不明白
data: dataString,
success: function(response) {

}
});

$.fn.colorbox.close();
}
2804 次点击
所在节点    JavaScript
2 条回复
funagi
2013-11-06 20:41:31 +08:00
通过移除Cookie里的zenid可以判断,应该是使用了PHP Session
调用age_confirm_hander.php就是告诉服务器记住你的选择(保存在服务器上的session cache里,一段时间后过期)

详细参考:
http://www.w3school.com.cn/php/php_sessions.asp
http://us3.php.net/manual/zh/features.sessions.php
kevinroot
2013-11-06 20:53:47 +08:00
ageNotMatch()就是一个简单的函数跳转到google去了;至于yes之后会发送一个请求到服务器端,ageaccepted:yes,服务端给你一个cookie zenid=pa60miniul01eje214s3lr0ll6,这样你下次访问的时候就会带上这个cookie,服务端就知道你之前点过yes了,不会再给你弹出窗口选择yes or no了。
另那个ajax其实跟跳转没有关系,只是发一个请求到服务端记录一下你是yes的,那么下次你来的时候就不用在点yes or no了,在callAgeMatch里还有一句$.fn.colorbox.close();关闭了那个遮罩层。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/88309

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX