關於Laravel接收前端ajax傳來的資料解析

本篇文章主要介紹了Laravel接收前端ajax傳來的資料的實例程式碼，具有一定的參考價值，有興趣的小夥伴們可以參考一下。

最近有時間把公司的專案整理一下，並且解決了遇到的問題。那麼今天也算個學習筆記吧！

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

<?php
namespace App;
use Mongodb;
use DB;
 
class GUser extends Mongodb {
  public static function login($email) {
 
    $mongo = DB::connection(&#39;mongodb&#39;);
    $res = $mongo->collection(&#39;user&#39;)->where(&#39;email&#39;,$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(&#39;email&#39;);
    $pass = $request->input(&#39;pass&#39;);
    $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中文網其他相關文章！