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

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.后台校验:

* */
  public function check_login(){
    $password=I('param.password');
    $username=I('param.username');
    $data["name"]=$username;
    $user=M('systemuser');
    $list=$user->where($data)->find();
    $return=0;
    if($list!=""){
      if($list['password']==md5($password) && $list['status'] == 1){
        //登录时间和登录IP
        $public = new PublicController();
        $lastlogonip=$public->ip_address();

        $time=$time=date("Y-m-d H:i:s", time());
        $where=array('id'=>$list['id']);

        $user->where($where)->save(array('lastlogonip'=>$lastlogonip,'lastlogontime'=>$time));
        $this->login($list);
        $return=1;//登录成功
      }
    }else{
      $return=2;//登录失败
    }
    $this->ajaxReturn($return);
  }

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

(0)

相关推荐

  • ajax方式实现注册功能(提交数据到后台数据库完成交互)

    一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function(e){ if(!isusername || !ispwd){ e.preventDefault();(阻止事件的默认事件) }) }); 1.在nodejs中我们可以用以下方法来(加载)跳转页面: JQuery 中的load()  这是实行加载一个页面  window.l

  • ajax提交数据到后台php接收(实现方法)

    在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简单的. $.ajax({ type: "POST", url: "register.php", data: "name=John&location=Boston", success: function(msg){ alert( "D

  • ajax 提交数据到后台jsp页面及页面跳转问题

    ajax 提交数据到后台jsp页面及页面跳转问题 我logincheck.jsp页面取传参数代码: String user=request.getParameter("user1"); String pwd=request.getParameter("pwd1"); login.jsp input 取2参数何用ajax 传给logincheck.jsp $.ajax({ type : "POST", url : baseUrl+"m/m

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

    1.前台ajax数据提交 <form id="login_form" action="" method="POST"> <div class="login_frame" style="position:relative";> <div class="login_gl" style="margin-top:35px;"> <sp

  • ajax提交到java后台之后处理数据的实现

    环境:eclipse+struts 要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据 index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&quo

  • js+springMVC 提交数组数据到后台的实例

    1.ajax 代码 var ids =new Array(); $.ajax({ type: "POST", url: "/user/downReport", dataType: "html", traditional: true, data:{ downReportArray:ids }, async: true, success: function (data) { if(data.code==200){ console.log("

  • 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法

    写此文的背景:在学习使用angular的$http.post()提交数据时,后台接收不到参数值,于是查阅了相关资料,寻找解决办法. 写此文的目的:通过上面提到的文章中的解决之道,结合自己的经验,总结了如下发现. 前端:html,jquery,angular 后端:java,springmvc 一.平常使用的post提交和接收方式 前端使用jquery提交数据. $.ajax({ url:'/carlt/loginForm', method: 'POST', data:{"name":&

  • Bootstrap进度条与AJAX后端数据传递结合使用实例详解

    很多时候,我们执行页面上某个URL请求的时候,需要有等待的时间.如果是直接的页面跳转,浏览器会有缓冲进度展示,但是如果是AJAX,我觉得应该自己加上进度条,等待数据全部接收到之后,进度条消失,展示页面. 在Yii框架里面使用了AJAX后,觉得前后端的数据交互变得方便多了. 下面直接贴代码啦 控制器Controller public function actionTest(){ if(isset($_POST["number"])){ $html = "success"

  • vue中mock数据,模拟后台接口实例

    目录 一.mock文件 二.第三方接口eolinker 在前端开发过程中,有后台配合是很必要的.但是如果自己测试开发,或者后台很忙,没时间,那么我们需要自己提供或修改接口. 下面提供两种方式,第二种更简单,个人推荐第二种. 一.mock文件 1.安装,开发环境 npm i mockjs -D 2.在src目录下新建mock目录,结构如下: 3.index.js内容如下: const Mock = require('mockjs'); //格式: Mock.mock( url, post/get

  • Ajax传Jsond Mvc后台接收实例

    复制代码 代码如下: //后台 [HttpPost] public JsonResult CheckStock(IEnumerable<pvIdsCount> pvIds) { } public class pvIdsCount { public int pvId { set; get; } public int count { set; get; } } //前台 $(document).ready(function () { $('#checkout').click(function ()

随机推荐