[郑州|荣耀师兄]JAVA-刘纪林|2017年05月28日的日报-技能树.IT修真院

发表于： 2017-05-28 23:58:09
2 1182
  
［说明］电脑没带回来，手机排版，有点乱，希望理解
(1)这是模态登陆的js 代码，对于用户登陆和没有登陆，为了区分权限问题，因为没有用什么安全框架去处理，所以需要想一个替代方案，有人推荐这种区分用户登陆的方法，就是在页面footer写一个脚本，每次登陆的时候都进行判断，跳出一个弹出框，提示用户去进行相关操作，比如点击购买或者添加购物车的时候，会判断用户有没有登录，没有的话提示框弹出，让用户输入账号和密码，在此期间是不能做其它操作的，只能有这一个选择！
$(function(){
    var stock = ${p.stock};
    $(".productNumberSetting").keyup(function(){
        var num= $(".productNumberSetting").val();
        num = parseInt(num);
        if(isNaN(num))
            num= 1;
        if(num<=0)
            num = 1;
        if(num>stock)
            num = stock;
        $(".productNumberSetting").val(num);
    });
      
    $(".increaseNumber").click(function(){
        var num= $(".productNumberSetting").val();
        num++;
        if(num>stock)
            num = stock;
        $(".productNumberSetting").val(num);
    });
    $(".decreaseNumber").click(function(){
        var num= $(".productNumberSetting").val();
        --num;
        if(num<=0)
            num=1;
        $(".productNumberSetting").val(num);
    });
      
    $(".addCartLink").click(function(){
        var page = "forecheckLogin";
        $.get(
                page,
                function(result){
                    if("success"==result){
                        var pid = ${p.id};
                        var num= $(".productNumberSetting").val();
                        var addCartpage = "foreaddCart";
                        $.get(
                                addCartpage,
                                {"pid":pid,"num":num},
                                function(result){
                                    if("success"==result){
                                        $(".addCartButton").html("已加入购物车");
                                        $(".addCartButton").attr("disabled","disabled");
                                        $(".addCartButton").css("background-color","lightgray")
                                        $(".addCartButton").css("border-color","lightgray")
                                        $(".addCartButton").css("color","black")
                                          
                                    }
                                    else{
                                          
                                    }
                                }
                        );                          
                    }
                    else{
                        $("#loginModal").modal('show');                     
                    }
                }
        );      
        return false;
    });
    $(".buyLink").click(function(){
        var page = "forecheckLogin";
        $.get(
                page,
                function(result){
                    if("success"==result){
                        var num = $(".productNumberSetting").val();
                        location.href= $(".buyLink").attr("href")+"&num="+num;
                    }
                    else{
                        $("#loginModal").modal('show');                     
                    }
                }
        );      
        return false;
    });
      
    $("button.loginSubmitButton").click(function(){
        var name = $("#name").val();
        var password = $("#password").val();
          
        if(0==name.length||0==password.length){
            $("span.errorMessage").html("请输入账号密码");
            $("div.loginErrorMessageDiv").show();           
            return false;
        }
          
        var page = "foreloginAjax";
        $.get(
                page,
                {"name":name,"password":password},
                function(result){
                    if("success"==result){
                        location.reload();
                    }
                    else{
                        $("span.errorMessage").html("账号密码错误");
                        $("div.loginErrorMessageDiv").show();                       
                    }
                }
        );          
          
        return true;
    });
      
    $("img.smallImage").mouseenter(function(){
        var bigImageURL = $(this).attr("bigImageURL");
        $("img.bigImg").attr("src",bigImageURL);
    });
      
    $("img.bigImg").load(
        function(){
            $("img.smallImage").each(function(){
                var bigImageURL = $(this).attr("bigImageURL");
                img = new Image();
                img.src = bigImageURL;
                  
                img.onload = function(){
                    console.log(bigImageURL);   
                    $("div.img4load").append($(img));
                };
            });     
        }
    );
});
  
</script

明天找时间看点播客，写点东西
返回列表
【任务10】 [郑州|荣耀师兄]JAVA-刘纪林 | 2017年05月28日 的日报 中品

评论

分享到

【任务10】 [郑州|荣耀师兄]JAVA-刘纪林 | 2017年05月28日的日报中品
