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";
    		    	  });
    		      }
         				  
 			    }
    		  
 		  });
    	}
 		  
 		});  
  	
  	
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章