//自高自测登录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. LCT 入门

    这是一份 \(\rm LCT\) 入门总结. 关于 \(\rm LCT\) 的复杂度这里不会提及,只会记录 \(\rm LCT\) 的基本操作和经典例题,但神奇的 \(\rm LCT\) 虽然常数巨大 ...

  2. IDE中集成widfly

    第一步:添加JBOss服务器,Tomcat同理添加 第二步:选择刚刚部署好的服务器 第三步:启动服务: 注意:与Tomcat略有不同的是,启动的根目录可能不相同,导致一直404 查看启动的根目录: 注 ...

  3. JS 选择结构语句与循环结构语句

    笔记整理自:廖雪峰老师的JS教程 选择结构 与Java使用一致. 需要注意的 JavaScript把null.undefined.0.NaN和空字符串''视为false,其他值一概视为true. 循环 ...

  4. bom案例4-模拟滚动条

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  5. 我对JavaWeb中中文URL编码的简单总结

    1.application/x-www-form-urlencoded 它是一种编码类型.当URL地址里包含非西欧字符的字符串时,系统会将这些字符转换成application/x-www-form-u ...

  6. 手势仿QQ侧滑---秀清

    // // SlideViewController.h // qqcehua // // Created by 张秀清 on 15/5/25. // Copyright (c) 2015年 张秀清. ...

  7. C++输入多行数据

    动机 编程题常用需求,比如输入两行数据. 解决思路:使用getline 程序 #include <iostream> #include <vector> #include &l ...

  8. FLink迟到数据的处理之三

    Flink迟到的数据更新窗口计算结果,窗口销毁后的迟到数据输出到测输出流 主程序: //TODO 使用迟到的数据更新窗口的计算结果 public static void main(String[] a ...

  9. 【CF1194F】Crossword Expert(数学 期望)

    题目链接 大意 给你\(N\)个事件,解决每个事件所需的时间有\(1/2\)的概率为\(t[i]\),\(1/2\)的概率为\((t[i]+1)\),给你总时间\(T\),在\(T\)时间内按顺序解决 ...

  10. Solution -「ABC 219H」Candles

    \(\mathcal{Description}\)   Link.   有 \(n\) 支蜡烛,第 \(i\) 支的坐标为 \(x_i\),初始长度为 \(a_i\),每单位时间燃烧变短 \(1\) ...