//自高自测登录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. springboot druid 数据库连接池连接失败后一直重连

    在使用个人阿里云测试机,在查询实时输出日志时,看到数据库连接失败后,服务器一直在重连服务器.开始以为是遭受重复攻击,后面把服务重启后,就没有出现一直重连的情况.看以下输出日志: 2022-02-09 ...

  2. 读取数据库Blob类型的文本数据

    开发一个查询功能时,遇到了一个ORM的问题:数据库字段是 Blob 类型,里面实际存储的是文本数据,Java 后端代码中用字符串 String 类型去接收这个字段的数据时,报错,提示没有对应的sett ...

  3. K8s二进制部署单节点 etcd集群，flannel网络配置 ——锥刺股

    K8s 二进制部署单节点 master    --锥刺股 k8s集群搭建: etcd集群 flannel网络插件 搭建master组件 搭建node组件 1.部署etcd集群 2.Flannel 网络 ...

  4. Linux基础：网络协议篇

    01.网络协议 1. 操作系统基础 操作系统(operating System 简称OS)是管理和控制计算机硬件与软件自愿的计算机程序,是直接运行在"裸机"上的基本的系统软件,任何 ...

  5. Solution -「LOCAL」「cov. 牛客多校 2020 第三场 I」礼物

    \(\mathcal{Description}\)   给定排列 \(\{a_n\}\),求字典序第 \(K\) 大的合法排列 \(\{b_n\}\).称一个排列 \(\{p_n\}\) 合法,当且仅 ...

  6. .NET 云原生架构师训练营（权限系统 代码实现 Store.EntityFramework）--学习笔记

    目录 开发任务 代码实现 开发任务 DotNetNB.Security.Core:定义 core,models,Istore:实现 default memory store DotNetNB.Secu ...

  7. Back to Basics: RAII and The Rule of Zero

    本文整理了Arthur O'Dwyer在CppCon 2019上关于RAII的演讲,演讲的slides可以在此链接进行下载. 在C++程序中,我们往往需要管理各种各样的资源.资源通常包括以下几种: A ...

  8. HTML5/CSS3/JS笔记

    HTML笔记: 前言: HTML无非就是围绕标签.属性.属性值这三个词展开的. (标签也可以叫做元素, 元素的内容是开始标签与结束标签之间的内容) *常规标签 <标签 属性1="属性值 ...

  9. [LeetCode]771. 宝石与石头

    给定字符串J 代表石头中宝石的类型,和字符串 S代表你拥有的石头. S 中每个字符代表了一种你拥有的石头的类型,你想知道你拥有的石头中有多少是宝石. J 中的字母不重复,J 和 S中的所有字符都是字母 ...

  10. python爬虫:爬虫的简单介绍及requests模块的简单使用

    python爬虫:爬虫的简单介绍及requests模块的简单使用 一点点的建议: (学习爬虫前建议先去了解一下前端的知识,不要求很熟悉,差不多入门即可学习爬虫,如果有不了解的,我也会补充个一些小知识. ...