//自高自测登录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. c语言之sizeof总结+strlen函数

    一.sizeof的概念 Sizeof是C语言的一种单目操作符,如C语言的其他操作符++.–等.它并不是函数.Sizeof操作符以字节形式给出了其操作数的存储大小.操作数可以是一个表达式或括在括号内的类 ...

  2. Android动态加载布局之LayoutInflater【转】

    万分感谢大佬:https://www.jianshu.com/p/6a235ba5ee17 深入了解View<一>之Android LayoutInfalter原理分析 下文为:Layou ...

  3. linux中vim编辑器三种模式及常用命令的使用

    Linux命令经常使用才会烂熟于心 命令行模式: 移动光标: 向下左右箭头可以移动光标: 将光标移动到行尾:$; 将光标移动到行头:^: 将光标移动到页尾:shift+g; 将光标移动到页头:1+sh ...

  4. docker基础——4.网络待补

    docker network ls bridge:NAT桥 host:共用宿主机namespace的UTS.IPC.Network none:只有lo,没有网卡 其他待补

  5. Sublime Python3编译环境修改

    http://blog.csdn.net/qq_33304418/article/details/63337602     添加编译环境python3.6 Tools -> Build Syst ...

  6. webhook触发jenkins进行sonar检测

    目的 jenkins仅需创建一个job,git推送后自动进行sonar代码检测并上传到sonarqube jenkins插件 已按社区推荐安装基本插件 Generic Webhook Trigger ...

  7. 5.Flink实时项目之业务数据准备

    1. 流程介绍 在上一篇文章中,我们已经把客户端的页面日志,启动日志,曝光日志分别发送到kafka对应的主题中.在本文中,我们将把业务数据也发送到对应的kafka主题中. 通过maxwell采集业务数 ...

  8. UVM中重要函数

    1.get_full_name() 获取这个节点的完整层次,这函数在object中就有定义,但是在component类中进行了重载,实现输出从uvm_test_top到当前节点的路径(是通过执行m_s ...

  9. Ribbon负载均衡及其应用

    nginx - 随笔分类 - 池塘里洗澡的鸭子 - 博客园 (cnblogs.com)中涉及到负载均衡,为何此处由涉及Ribbon负载均衡呢?那是因为ngnix是服务端的负责均衡,而Ribbon是客户 ...

  10. tip7：CentOS8虚拟机安装相关总结

    使用工具:Win10家庭版.WM12Pro.CentOS8. 一.安装 之前使用虚拟机安装操作系统使用的都是OpenSuse,也有相关备份.但是在Win10家庭版上用不了,启动电脑蓝屏(可能某些硬件不 ...