最近有時間把公司的項目整理一下，并把遇到的問題解決了。那么今天也算個學習筆記吧！

最近在做一個筆記的項目，技術棧如下：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文件，內容如下：

 ?phpnamespace App;use Mongodb;use DB;html' target='_blank'>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 ！

相關推薦：

如何PHP中Laravel框架實現supervisor執行異步進程

關于laravel 5.4中實現無限級分類的方法

關于Laravel中重寫資源路由自定義URL的實現方法

以上就是關于Laravel接收前端ajax傳來的數據解析的詳細內容，PHP教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。