实例分享Laravel接收前端ajax传来的数据-php教程-PHP中文网

实例分享Laravel接收前端ajax传来的数据

小云云

发布： 2018-02-06 09:42:47

原创

3003人浏览过

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

来画数字人直播

来画数字人自动化直播，无需请真人主播，即可实现24小时直播，无缝衔接各大直播平台。

查看详情

<?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中处理MySQL模糊查询中连字符与空格的灵活匹配解决Laravel邮件内容换行显示异常：确保HTML渲染在 Laravel 中发送 HTML 邮件并确保换行符正确显示在Laravel中实现MySQL对含连字符和空格字符串的灵活模糊搜索 Laravel动态表单：实现多地址输入与单选主地址功能