1. 程式人生 > >點選登入時重新整理頁面

點選登入時重新整理頁面

給login加了click事件,但是跳轉的時候會重新整理頁面,但是點選回車是可以的,

  • 其中,登陸標籤的這樣寫的
<a class="lgBut" id="btn_login" href="" >登入</a>
  • 下邊方法是這樣
   $("btn_login").click(function(){
	    var USERNAME=$("#USERNAME").val();
	    var PASSWORD=$("#PASSWORD").val();
	    $.ajax({
	        type:'get',
	        url:  address + "/appchange/appLogin?"+Math.random(),
	        data: {
	            USERNAME: USERNAME, PASSWORD: PASSWORD
	        },
	        xhrFields: {
	            withCredentials: true
	        },
	        crossDomain: true,
	        cache:false,
	        dataType:'json',
	        success:function(data){
	            if (data.info == "success") {
	                window.localStorage.errortimes=0;
	                window.localStorage.userinfo=JSON.stringify(data.USER);
	                window.localStorage.USER_CODE=data.USER.USER_CODE;      					if(window.localStorage.href==undefined||window.localStorage.href=="")
	                {
	                    window.location.href="index.html";
	                }
	                else{
	                    window.location.href=window.localStorage.href;
	                    window.localStorage.href="";
	                }
	                window.localStorage.logintime=new Date();
	            }
	            else{
	            	 layer.msg(data.info);
	                window.localStorage.errortimes++;
	            }
	        },
	        error:function(ex){
				
	        }
	    });
	});
	$(document).keyup(function(event){
        if(event.keyCode ==13){
           login();
        }
    });

後來發現是登入標籤中的 href 起了作用,還有就是   $("btn_login").click(function(){ } 事件,會執行a標籤中所有的,而回車的時候,只執行了一個click{}方法,如果加了href=“”,在ajax執行的時候href也執行了,ajax沒有執行完就重新整理了頁面,所以導致頁面會重新整理。

 

希望可以幫到你,有什麼疑問可以隨時指出來,我師父教我的。