layui登錄點擊響應

下面是登錄按鈕被點擊時所做的動作。這裏有幾個知識點記錄一下:1).ajax()urljsonhtmlsuccess200functionresresjsonresjson使js2.ajax()函數:它表示異步加載或處理,可以不影響其他組件響應,可以獲取url返回的json數據或者其他html數據。success爲響應成功(200)後的處理,function(res)中的res即爲返回結果。當返回json時,res爲json對象,可以直接使用js代碼處理。 )2.post()爲post請求,url爲請求的url地址,{“username”: username, “password”: password}爲傳遞給url的請求參數,function(data) {window.location.href = “index”; }爲響應成功後(200)的處理,這裏處理是跳轉到index頁面。

function loginAction() {
    // 獲取賬號和密碼輸入
  	var username = $('#username').val();
  	var password = $('#password').val();
  	
  	// 賬號和密碼檢查
  	layui.use('layer', function(){
 		    var layer = layui.layer;
 		    // 賬號輸入框檢查
  		if (username == '') {
    	    layer.msg('賬號不能爲空!');	
    	} else if (password == '') {
    		layer.msg('密碼不能爲空!');
    	} else {
    		// 密碼不爲空的檢查
  			let urlStr = "user/getLoginConfirm?username=" + username + "&password=" + password;

    		    $.ajax({
 		        url: urlStr,
 			    success: function(res) { 
    		      let resValue = res[0].flag;
    		      if (resValue == "0")
         			      layer.msg('密碼不正確!'); 
    		      else if (resValue == "1") {
    		    	  $.post("login", {"username": username, "password": password}, function(data) {
    		    		  window.location.href = "index";
    		    	  });
    		      }
         				  
 			    }
    		  
 		  });
    	}
 		  
 		});  
  	
  	
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章