Safari无痕浏览影响localStorage

最近项目中遇到一个问题,有一个登录页,点击登录后,公司两个土豪金都不能正常跳转(但是登录请求已经发送到服务器了),其他人的手机都正常。项目又要急着上线,内心这个抓狂啊。。最后静下心来,终于把问题给解决了。

解决过程:

由于服务器有接收到客户端的ajax请求,所以就看客户端是否收到服务器的响应,在回调的success函数下alert(data.code),发现是接收到响应的,并且data.code=0,满足跳转条件,所以在success的else中继续alert,最终将问题定位到 sessionStorage.setItem('loginPhone',loginPhone);这一句上面,sessionStorage是h5的特性,手机端浏览器一般都支持,通过alert(sessionStorage)、(sessionStorage.setItem)和alert(typeof(sessionStorage.setItem))  发现都正常,typeof(sessionStorage.setItem)得到的是一个function,既然存在sessionStorage,又为什么不能正常执行呢。最后还是通过度娘找到了问题的根源---Safari无痕浏览会影响localStorage。所以只需要将这一句稍作修改即可

 try {
                sessionStorage.setItem("loginPhone",loginPhone);
            } catch (e) {
               alert("您处于无痕浏览,无法为您跳转");
            }

以下是修改之前的代码:

 var loginPhone;

    function submitBindInfo(){
        if( checkSubmitMobile($("#phone-wrap")) &&  checkCode() &&checkContract())
        {
            var param={
                phone:loginPhone,
                authcode:$("#verifycode").val()
            };
            $.ajax({
                type:"POST",
                url:"/portal/member/login.do",
                data:param,
                dataType:"json",
                timeout: 20000,
                error:function(XMLHttpRequest, textStatus, errorThrown){
                    if(XMLHttpRequest.status==408){
                        alert("系统繁忙,请稍后尝试");
                       
                    }else{
                        alert(XMLHttpRequest.status+"错误");
                    }

                },
                success:function(data){
                    doSuccess(data);
                }
            });
        }
    }
    function doSuccess(data){
        if(data.code!=0){
            loginFailCallBack(data.desc);
        }else{

            sessionStorage.setItem('loginPhone',loginPhone);
            doRedirct();
        }
    }
    function doRedirct(){
        switch (hash){
            case "#member" :
                window.location.href="/portal/member/showMember.do";
                break;
            case "#myOrder" :
                window.location.href="/portal/myorder/showOrder.do";
                break;
            case "#myCoupon" :
                window.location.href="/portal/mycoupon/showCoupon.do";
                break;
            default :
                window.location.href="/portal/sinopec/step0.do";
                break;
        }
    }

  

posted @ 2016-04-09 15:01  liujufu  阅读(4055)  评论(0编辑  收藏  举报