Maison > développement back-end > tutoriel php > À propos de Laravel recevant une analyse de données d'Ajax frontal

À propos de Laravel recevant une analyse de données d'Ajax frontal

不言
Libérer: 2023-03-31 22:34:02
original
1635 Les gens l'ont consulté

Cet article présente principalement l'exemple de code permettant à Laravel de recevoir des données de l'ajax frontal. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

J'ai récemment eu le temps d'organiser les projets de l'entreprise et de résoudre les problèmes rencontrés. Alors comptons aujourd’hui comme une note d’étude !

Je prends actuellement des notes sur un projet. La stack technologique est la suivante : vue.js + laravel + mongodb

Tout d'abord, je dois déplorer la magie de vue. .Après le projet d'hier soir, je passerai en revue l'ensemble du projet.Résumons les technologies utilisées dans le projet et les pièges que nous avons rencontrés. Aujourd'hui, nous enregistrerons un exemple de transmission de données front-end vers le back-end et de réception de Laravel. il.

Je n'ai pas utilisé vue-resource pour le plug-in ajax front-end Pour être honnête, j'ai rencontré des pièges lors de son utilisation, j'ai donc utilisé axios.js, qui est facile à utiliser et plus petit que vue. -ressource.

Regardons le code front-end (en omettant la partie logique de vue) :

axios.post('index.php/login',{
    email:this.email,
    pass:this.pass
  }).then(function(res){
    console.log(res)
  }).then(function(){
    console.log(321)
  })
Copier après la connexion

this.email et this.pass sont les données du formulaire renseignées par l'utilisateur. connectez-vous pour exécuter cette méthode (vérifiez les données une fois que le format est OK).

Voyons comment Laravel reçoit ces deux valeurs :

Nous créons un fichier modèle de GUser.php dans le dossier app, avec le contenu suivant :

<?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;
 
  }
}
Copier après la connexion

Encore une fois Créez un fichier GUserController.php sous app/Http/Controllers avec le contenu suivant :

<?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;
  }
}
Copier après la connexion

Bien sûr, la valeur du pass n'est pas utilisée ici, et j'ai omis ici la logique de vérification de connexion.

Puis configurez dans le fichier de routage web.php :

Route::any(‘/login&#39;,&#39;GUserController@login&#39;);
Copier après la connexion

C'est la fin.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment implémenter le superviseur pour exécuter des processus asynchrones dans le framework Laravel en PHP

À propos de la méthode d'implémentation classification infinie dans Laravel 5.4

À propos de la méthode d'implémentation de réécriture de l'URL personnalisée de routage des ressources dans Laravel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal