PHP登录(ajax提交数据和后台校验)实例分享

2018-09-07 19:08

阅读:555

  1.前台ajax数据提交

   <form id=login_form action= method=POST> <div class=login_frame style=position:relative;> <div class=login_gl style=margin-top:35px;> <span class=login_wz >后台管理系统</span> </div> <div class=login_user> <input id=username name=username type=text placeholder=请输入您的用户名 value= style=width:100%;height:32px;border-style:none;font-size:16px;color:#959595;/> </div> <div class=login_user> <input id=password name=password type=password placeholder=请输入您的密码 value= style=width:100%;height:32px;border-style:none;font-size:16px;color:#959595;/> </div> <div id=login_btn class=login_log> <span style=font-size:16px;>登录</span> </div> </div> </form> </div> <script type=text/javascript> $(#login_btn).click(function(){ var username = $.trim($(#username).val()); var password = $.trim($(#password).val()); if(username == ){ alert(请输入用户名); return false; }else if(password == ){ alert(请输入密码); return false; } //ajax去服务器端校验 var data= {username:username,password:password}; $.ajax({ type:POST, url:__CONTROLLER__/check_login, data:data, dataType:json, success:function(msg){ //alert(msg); if(msg==1){ window.location.href = {:U(Index/personal)}; }else{ alert(登录失败,请重试!); } } }); }); </script>

  2.后台校验:

  

  

  以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!


评论


亲,登录后才可以留言!