大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇文章为大家展示了Laravel中怎么接收前端ajax传来的数据,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
创新互联建站于2013年开始,先为榆阳等服务建站,榆阳等地企业,进行企业商务咨询服务。为榆阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。首先不得不感叹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中怎么接收前端ajax传来的数据,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。