鲜花网站项目(六)————jsp相关操作

（一）div配置为可点击的超链接

<div class="colone" onclick="window.open('<%=path%>/flower/getFlowerByFlowerId.action?flowerId='+<%=id%>);">

</div>

(二)js获取屏幕高度并将屏幕高度赋予body标签

function getWindowSize(){
    var body = document.getElementById("body");
    body.style.height = window.innerHeight-16+'px';
}

（三）根据session的值对一个position的数据进行改变

    <%
        if(session.getAttribute("name") == null ){
    %>
        <a href="<%=path%>/user/login.jsp">登陆</a>
    <%    
         }
    %>
     <%
         if(session.getAttribute("name") != null ){
     %>
        <a href="#">宋明阳</a>
    <%    
     }
    %> 

（四）ajax验证用户名是否重复以及 IF 重复 就不会提交表单，字符串的左右两边的空格处理

    <script type="text/javascript">
        var flag = false;
        
        function ajaxName(){
            
            var xhr = new XMLHttpRequest();
            var name = document.getElementById("name");
            var str = name.value.replace(/(^\s*)|(\s*$)/g, ""); 
            var url = "<%=path%>/user/checkAction.action?name="+str;
            xhr.open("post",url,true);
            xhr.send();
            xhr.onreadystatechange= function(){
                  
                if((xhr.readyState==4)&&(xhr.status=200)){
                    var text =  xhr.responseText;
                    if(text=="此用户名不可用"){
                        document.getElementById("msg").innerHTML="此用户名不可用";
                        flag = false;
                    }
                    if(text=="此用户名可用"){
                        
                        if(str!=""){
                              document.getElementById("msg").innerHTML="此用户名可用";
                              flag = true;
                        }else{
                             document.getElementById("msg").innerHTML="此用户名不可用";
                              flag = false;
                        }
                      }
                }
            };
        }
         function checkSubmit(){
                return flag;
            }
    </script>

form表单关键部分

 　　<form method="post" action="<%=path%>/user/RegiestAction.action" onsubmit="return checkSubmit()">
　　　　　　<input type="text" name="user.username" onblur="ajaxName()" id="name" required/>
　　 </form>