ホームページ > 記事 > バックエンド開発 > フロントエンドAjaxからデータ分析を受け取るLaravelについて

フロントエンドAjaxからデータ分析を受け取るLaravelについて

不言オリジナル: 2018-06-13 14:03:471553ブラウズ

この記事では、Laravel がフロントエンドの ajax からデータを受け取るためのサンプルコードを中心に紹介します。興味のある方は参考にしてください。

私は最近、会社のプロジェクトを整理し、遭遇した問題を解決する時間がありました。ということで、今日は勉強メモとして数えてみましょう！

現在、あるプロジェクトについてメモを取っているところです。vue.js laravel mongodb

まず、vue の魔法について嘆かなければなりません。昨夜のプロジェクトを振り返り、使用したテクノロジーと遭遇した落とし穴をまとめてみましょう。今日は、フロントエンドがバックエンドにデータを送信し、laravel がそれを受信する例を記録します。

フロントエンドの ajax プラグインには vue-resource を使用しませんでしたが、正直、使用中に落とし穴に遭遇したため、vue よりも使いやすく小さい axios.js を使用しました。 -リソース。

フロントエンドコードを見てみましょう (vue ロジック部分は省略します)。

axios.post(&#39;index.php/login&#39;,{
    email:this.email,
    pass:this.pass
  }).then(function(res){
    console.log(res)
  }).then(function(){
    console.log(321)
  })

this.email と this.pass は、ユーザーがログインするために入力するフォームデータです。このメソッドを実行します（検証データの形式は問いません）。

Laravel がこれら 2 つの値をどのように受け取るかを見てみましょう:

次の内容を含む GUser.php のモデルファイルをアプリフォルダーに作成します:

<?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;
  }
}

もちろん、ここではパス値は使用されず、ここではログイン検証ロジックを省略しています。

次に、ルーティングファイル web.php で次のように設定します。

Route::any(‘/login&#39;,&#39;GUserController@login&#39;);

これで終了です。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

フロントエンドAjaxからデータ分析を受け取るLaravelについて

関連記事