layui登录点击响应

下面是登录按钮被点击时所做的动作。这里有几个知识点记录一下:1) . a j a x ( ) 函 数 : 它 表 示 异 步 加 载 或 处 理 , 可 以 不 影 响 其 他 组 件 响 应 , 可 以 获 取 u r l 返 回 的 j s o n 数 据 或 者 其 他 h t m l 数 据 。 s u c c e s s 为 响 应 成 功 ( 200 ) 后 的 处 理 , f u n c t i o n ( r e s ) 中 的 r e s 即 为 返 回 结 果 。 当 返 回 j s o n 时 , r e s 为 j s o n 对 象 , 可 以 直 接 使 用 j s 代 码 处 理 。 ) 2 .ajax()函数:它表示异步加载或处理,可以不影响其他组件响应,可以获取url返回的json数据或者其他html数据。success为响应成功(200)后的处理,function(res)中的res即为返回结果。当返回json时,res为json对象,可以直接使用js代码处理。 )2 .ajax()urljsonhtmlsuccess200functionresresjsonresjson使js2.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";
    		    	  });
    		      }
         				  
 			    }
    		  
 		  });
    	}
 		  
 		});  
  	
  	
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值