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

Laravel  /  管理员 发布于 4年前   440

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

最近在做一个笔记的项目，技术栈如下：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文件，内容如下：

collection('user')->where('email',$email)->first();    return $res;   }}

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

input('email');    $pass = $request->input('pass');    $res = GUser::login($email);    return $res;  }}

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

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

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

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

您可能感兴趣的文章:

• Laravel 批量更新多条数据的示例
• laravel实现批量更新多条记录的方法示例
• Laravel框架实现的批量删除功能示例
• Laravel中批量赋值Mass-Assignment的真正含义详解
• Laravel框架数据库CURD操作、连贯操作总结
• PHP开发框架Laravel数据库操作方法总结
• Laravel 5框架学习之向视图传送数据
• Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
• Laravel 5框架学习之向视图传送数据(进阶篇)
• Laravel中数据迁移与数据填充的详细步骤
• Laravel 的数据库迁移的方法
• Laravel框架学习笔记之批量更新数据功能