加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 大数据 > 正文

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

发布时间:2020-12-14 20:02:35 所属栏目:大数据 来源:网络整理
导读:最近有时间把公司的项目整理一下,并把遇到的问题解决了。那么今天也算个学习笔记吧! 最近在做一个笔记的项目,技术栈如下:vue.js + laravel + mongodb 首先不得不感叹vue的神奇,项目昨晚之后我会对整个项目中用到的技术和踩过的坑进行一个总结,今天先记

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

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

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

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

来看前端代码(省略vue逻辑部分):

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

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

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

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文件,内容如下:

use AppHttpControllersController;
use AppGUser;
use IlluminateHttpRequest;

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里配置:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读