• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

关于Laravel接收前端ajax传来的数据解析

php 搞代码 3年前 (2022-01-22) 21次浏览 已收录 0个评论

本篇文章主要介绍了Laravel接收前端ajax传来的数据的实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

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

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

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

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

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

axios.post('index.php/<mark>(本文来)源gaodaimacom搞#^代%!码&网(</mark><pre>搞gaodaima代码

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

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

<?phpnamespace 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');

到此结束。

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请随时关注我们网站!

相关推荐:

如何PHP中Laravel框架实现supervisor执行异步进程

关于laravel 5.4中实现无限级分类的方法

关于Laravel中重写资源路由自定义URL的实现方法

以上就是关于Laravel接收前端ajax传来的数据解析的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:关于Laravel接收前端ajax传来的数据解析

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址