//自高自测登录8.10

Route::get('name/login','nameLoginController@login');

Route::post('/name/logins','nameLoginController@namelogin');/logins','nameLoginController@namelogin');
表单页面
<!doctype html>

<html lang="en">

<head>

    <meta name="csrf-token" content="{{ csrf_token() }}">

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>user登录</title>

    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">

</head>

<body>

<form action="/user/login/success" method="post" style="width: 300px">

    @csrf

    <div class="form-group">

        <label for="name">用户名</label>

        <input type="text" class="form-control" id="username" name="user_name" placeholder="请输入账号">

        <p style="color: red" class="usernametips"></p>

    </div>

    <div class="form-group">

        <label for="name">密码</label>

        <input type="password" class="form-control userpassword" name="user_password" placeholder="请输入密码">

        <p style="color: red" class="userpasswordtips"></p>

    </div>

    <button type="submit" class="btn btn-default" onclick="login()">立即登录</button>

</form>

</body>

</html>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

    // 密码验证非空

    $('.userpassword').blur(function () {

        var userpassword = $('.userpassword').val();

        if (userpassword == '') {

            $('.userpasswordtips').html('密码不可以为空')

            return false

        } else {

            $('.userpasswordtips').html('')

            return true

        }

    })

    //用户名验证非空

    $('#username').blur(function () {

        var username = $('#username').val();

        if (username == '') {

            $('.usernametips').html('用户名不可以为空')

            return false

        } else {

            $('.usernametips').html('')

            return true

        }

    })

    function login() {

        var username = $('#username').val();

        var userpassword = $('.userpassword').val();

        $.ajax({

            url: '/user/login/success',

            type: 'post',

            dataType: 'json',

            data: {

                '_token':'{{csrf_token()}}',

                username: username,

                userpassword: userpassword,

            },

            success:function(e){

                console.log(e);

               if (e==200){

                   alert('登录成功');

               }else {

                   alert('登录失败');

               }

            }

        })

    }

</script>
控制器页面
<?php

namespace App\Http\Controllers;

use App\models\nameLogin;

use Illuminate\Http\Request;

use Illuminate\Foundation\Auth\User;

class nameLoginController extends Controller

{

    //

    public function login()

    {

        return view('login.loginname');

    }

    public function namelogin(Request $request)

    {

        $params = $request->except('_token');

   $this->validate($request,[

       'name'=>'required',

       'password'=>'required|regex:/^\d\w{4,32}$/'

   ],[

       'name.required'=>'账号不可以为空',

   'password.required'=>'密码不可以为空',

       'password.regex'=>'密码为6-10为字母及数字'

   ],$params);

   $data['name']=$params['name'];

   $data['password']=$params['password'];

//

        $result=nameLogin::testlogin($data);

if ($result){

    $arr['status']=200;

    $arr['info']='登录成功';

    $arr['data']=$result;

    return json_encode($arr);

}else{

    $arr['status']=500;

    $arr['info']='登录失败';

    $arr['data']=$result;

    return json_encode($arr);

}

    }

}
模型页面
<?php

namespace App\models;

use Illuminate\Database\Eloquent\Model;

class nameLogin extends Model

{

    //

    protected $table='testlogin';

    public $primaryKey='id';

    public $timestamps=false;

    public static function testlogin($data){

       return self::where($data)->first();

}

}

larav jq ajax 登录的更多相关文章

  1. 巨蟒python全栈开发django10:ajax&&登录认证

    通过题目进行知识点回顾: 聚合查询 From django.db.models import Avg,Min,Max,F,Q,Count,Sum #查询书籍的平均值 Ret= Models.Book. ...

  2. 原生Ajax 和Jq Ajax

    前言:这次介绍的是利用ajax与后台进行数据交换的小例子,所以demo必须通过服务器来打开.服务器环境非常好搭建,从网上下载wamp或xampp,一步步安装就ok,然后再把写好的页面放在服务器中指定的 ...

  3. ajax登录验证-js

    1.html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...

  4. python 全栈开发，Day87(ajax登录示例,CSRF跨站请求伪造,Django的中间件,自定义分页)

    一.ajax登录示例 新建项目login_ajax 修改urls.py,增加路径 from app01 import views urlpatterns = [ path('admin/', admi ...

  5. Ajax登录用户名密码

    <script src="http://code.jquery.com/jquery-latest.js"></script>#引入jQuery#当点击函数 ...

  6. Django Ajax登录 防止CSRF

    什么是CSRF 维基百科: 跨站请求伪造(英语:Cross-site request forgery),也被称为 one-click attack 或者 session riding,通常缩写为 CS ...

  7. Django 博客项目01 数据库设计与验证码校验+Ajax登录

    数据库设计 from django.db import models from django.contrib.auth.models import AbstractUser class UserInf ...

  8. 知问前端——Ajax登录

    本文,将使用Ajax登录. 一.服务器端代码 is_user.php: <?php require 'config.php'; $query = mysql_query("SELECT ...

  9. 转：ajax的AntiForgery和Authorize 以及ajax登录例子

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/ashcn2001/article/det ...

随机推荐

  1. js中全局变量和局部变量以及变量声明提升

    javascript中全局变量和局部变量的区别 转载前端小99 发布于2018-04-23 15:31:35 阅读数 2102  收藏 展开 [javascript] view plain copy ...

  2. root登陆530 Permission denied、530 Login incorrect解决

    感谢大佬:https://blog.51cto.com/3241766/2316986?source=dra 背景:由于云平台上22端口不对外放开,sftp使用不了,故选择ftp服务 操作系统版本: ...

  3. Java 获取本机局域网内IP

    主要涉及NetworkInterface.Enumeration.InetAddress等类 /* 获取本机网内地址 */ public static InetAddress getInet4Addr ...

  4. 打印流（printStream）

    import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.Pri ...

  5. 键盘弹起及lab时的动态计算高度 －－董鑫

    1.键盘抬起或掉下时,动态计算高度 2.动态计算Label的高度 计算的高度时,numberOfLines必须设置为0: 2.1  ios7.0之后 2.2 iOS 7.0之前

  6. Linux Ubuntu安装Nvidia多GPU通信库NCCL

    0. 前言 在使用Python版本的PaddleDetection进行一些实验时,想同时利用多个GPU提高效率,遇到了一点问题 You may need to install 'nccl2' from ...

  7. Kubernetes 集群和应用监控方案的设计与实践

    目录 Kubernetes 监控 监控对象 Prometheus 指标 实践 节点监控 部署 Prometheus 部署 Kube State Metrics 部署 Grafana 应用如何接入 Pr ...

  8. EMNLP 2017 | Sparse Communication for Distributed Gradient Descent

    通过将分布式随机梯度下降(SGD)中的稠密更新替换成稀疏更新可以显著提高训练速度.当大多数更新接近于0时,梯度更新会出现正偏差,因此我们将99%最小更新(绝对值)映射为零,然后使用该稀疏矩阵替换原来的 ...

  9. 《手把手教你》系列技巧篇（六十八）-java+ selenium自动化测试 - 读写excel文件 - 下篇（详细教程）

    1.简介 今天继续操作Excle,小伙伴或者童鞋们是不是觉得宏哥会介绍第三种工具操作Excle,今天不介绍了,有两种就够用了,其实一种就够用了,今天主要是来介绍如何使用不同的数据类型读取Excel文件 ...

  10. react 也就这么回事 01 —— React 元素的创建和渲染

    React 是一个用于构建用户界面的 JavaScript 库 它包括两个库:react.js 和 react-dom.js react.js:React 的核心库,提供了 React.js 的核心功 ...