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

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

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

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

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

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

フロントエンド コードを見てみましょう (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 がこれら 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','GUserController@login');

これで終了です。

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

関連する推奨事項:

PHP の Laravel フレームワークでスーパーバイザー実行の非同期プロセスを実装する方法

無限の実装方法についてlaravel 5.4での分類

LaravelでのリソースルーティングカスタムURLの書き換え実装方法について

以上がフロントエンドAjaxからデータ分析を受け取るLaravelについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。