프론트 엔드 Ajax로부터 데이터 분석을 받는 Laravel 정보

이 글은 주로 Laravel이 프론트엔드 Ajax로부터 데이터를 수신하는 예제 코드를 소개합니다. 관심 있는 친구들은 참고할 수 있을 것입니다.

최근 회사의 프로젝트를 정리하고 직면한 문제를 해결하는 시간을 가졌습니다. 그럼 오늘은 공부노트로 세어봅시다!

현재 프로젝트에 대해 메모하고 있습니다. 기술 스택은 다음과 같습니다: vue.js + laravel + mongodb

우선 어젯밤에 프로젝트를 마친 후 리뷰를 작성하겠습니다. 전체 프로젝트에서 사용한 기술과 제가 사용한 기술을 요약해 보겠습니다. 오늘은 프론트엔드에서 백엔드로 데이터를 전송하고 이를 수신하는 예를 기록하겠습니다.

저는 프론트엔드 ajax 플러그인으로 vue-resource를 사용하지 않았습니다. 솔직히 사용하면서 함정이 있어서 vue-resource보다 사용하기 쉽고 크기가 작은 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이 이 두 값을 어떻게 받는지 살펴보겠습니다.

앱 폴더 아래에 다음 내용으로 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;
  }
}

물론 여기서는 pass 값은 사용되지 않으며, 여기서는 로그인 인증 로직을 생략했습니다.

그런 다음 라우팅 파일 web.php에서 다음을 구성합니다.

Route::any(‘/login','GUserController@login');

이것이 끝입니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

PHP의 Laravel 프레임워크에서 비동기 프로세스를 실행하기 위해 감독자를 구현하는 방법

laravel 5.4에서 무제한 분류를 구현하는 방법에 대해

리소스 라우팅 사용자 정의 URL을 다시 작성하는 방법에 대해 Laravel에서

위 내용은 프론트 엔드 Ajax로부터 데이터 분석을 받는 Laravel 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!