Laravel接收前端ajax传来的数据的实例代码_网络技术

Laravel接收前端ajax传来的数据的实例代码

发布时间 - 2026-01-11 02:25:38 点击率：次

最近有时间把公司的项目整理一下，并把遇到的问题解决了。那么今天也算个学习笔记吧！

最近在做一个笔记的项目，技术栈如下：vue.js + laravel + mongodb

首先不得不感叹vue的神奇，项目昨晚之后我会对整个项目中用到的技术和踩过的坑进行一个总结，今天先记录一个前端传送数据给后端，laravel接收的例子。

前端ajax插件我没有使用vue-resource，说实话，用他遇到了坑，所以使用了axios.js，很好用，而且比vue-resource还小。

来看前端代码（省略vue逻辑部分）：

axios.post('index.php/login',{
    email:this.email,
    pass:this.pass
  }).then(function(res){
    console.log(res)
  }).then(function(){
    console.log(321)
  })

this.email和this.pass即为用户填写的表单数据，点击登录即执行这个方法（验证数据格式没问题后）。

来看Laravel如何接收这两个值：

我们在app文件夹下建立一个GUser.php的Model文件，内容如下：

<?php
namespace App;
use Mongodb;
use DB;
 
class GUser extends Mongodb {
  public static function login($email) {
 
    $mongo = DB::connection('mongodb');
    $res = $mongo->collection('user')->where('email',$email)->first();
    return $res;
 
  }
}

再在app/Http/Controllers下建立一个GUserController.php文件，内容如下：

<?php
namespace App\Http\Controllers;
 
use App\Http\Controllers\Controller;
use App\GUser;
use Illuminate\Http\Request;
 
class GUserController extends Controller{
 
  protected function login(Request $request) {
    $email = $request->input('email');
    $pass = $request->input('pass');
    $res = GUser::login($email);
    return $res;
  }
}

当然啦，这里没有用到pass的值，我在这里省略了登录验证的逻辑。

然后在路由文件web.php里配置：

Route::any(‘/login','GUserController@login');

到此结束。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Laravel接收ajax数据 # Laravel 批量更新多条数据的示例 # laravel实现批量更新多条记录的方法示例 # Laravel框架实现的批量删除功能示例 # Laravel中批量赋值Mass-Assignment的真正含义详解 # Laravel框架数据库CURD操作、连贯操作总结 # PHP开发框架Laravel数据库操作方法总结 # Laravel 5框架学习之向视图传送数据 # Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法 # Laravel 5框架学习之向视图传送数据(进阶篇) # Laravel中数据迁移与数据填充的详细步骤 # Laravel 的数据库迁移的方法 # Laravel框架学习笔记之批量更新数据功能 # 建立一个 # 这两个 # 会对 # 做一个 # 也算 # 到此 # 表单 # 并把 # 即为 # 用他 # 我在这里 # 大家多多 # 还小 # 很好用 # 学习笔记 # 整理一下 # 后端 # 说实话 # 昨晚 # 数据格式

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Debian Hadoop数据安全性如何提升

下一篇：超星教学平台官网首页地址_超星学习通教学平台入口网址

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Debian Hadoop数据安全性如何提升

下一篇：超星教学平台官网首页地址_超星学习通教学平台入口网址