Maison  >  Article  >  interface Web  >  Comment soumettre un formulaire avec ajax dans le framework Lavarel

Comment soumettre un formulaire avec ajax dans le framework Lavarel

php中世界最好的语言
php中世界最好的语言original
2018-04-02 17:27:581384parcourir

Cette fois, je vais vous montrer comment soumettre un formulaire avec ajax dans le framework Lavarel, et quelles sont les précautions pour soumettre un formulaire avec ajax dans le framework Lavarel Ici. sont les cas réels, un Levez-vous et jetez un œil.

LaravelIntroduction :

Laravel est un framework de développement Web PHP simple et élégant (PHP Web Framework). Il peut vous libérer des codes désordonnés comme les nouilles ; il peut vous aider à créer une application réseau parfaite, et chaque ligne de code peut être concise et expressive. Le « développement » doit être un travail mental créatif, et non un « code de base » ennuyeux.

Droit au but, car laravel doit ajouter

lors de la soumission de données sous forme de publication pour éviter les attaques intersites, il est donc naturel de l'ajouter lorsque vous soumettez un formulaire en utilisant ajax. {{csrf_field()}}

J'ai vu de nombreuses solutions sur Internet. Je l'ai résolu avec la méthode suivante :

1. Tout d'abord, ajoutez une méta au modèle :

<meta name="_token" content="{{ csrf_token() }}"/>
2. , puis ajoutez

headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},
dans la méthode ajax. C'est la méthode ajax. J'ai trouvé les fonctions jquery très utiles, $().serialize() et $().serializeArray(), j'utilise cette dernière. dans le code. Je peux récupérer les données sous le formulaire et les transmettre directement via ajax C'est incroyable !!! (L'ignorance fait rire tout le monde)

$(form[1]).submit(function(event){
    var data = $(form[1]).serializeArray();
    // console.log(data);
    $.ajax({
      type:'post',
      url:'/basic',
      data:data,
      headers: {
  'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},
      success:function(msg){
        if (msg) {
          $('.basicEdit').hide();
          $('.basicShow').show();
          $('.basicShow span').html(data[1].value+' | '+data[2].value+' | '+data[3].value+' | '+data[4].value+'<br>'+data[5].value+' | '+data[6].value+' | '+data[7].value);
        }
      },
    });
    // event.preventDefault();
    return false;
  });
3 Puis dans la méthode

Controller . pour obtenir des données, il suffit de $req->le nom de votre formulaire.

public function basic(Request $req){
   // return $req->gender;
   $uid = Auth::user()->uid;
   // return $uid;
   // $inf = new \App\Info;
   $inf = Info::where('uid',$uid)->first();
   // return $inf;
   $inf->name = $req->name;
   $inf->gender = $req->gender;
   $inf->topDegre = $req->topDegre;
   $inf->workyear = $req->workyear;
   $inf->tel = $req->tel;
   $inf->email = $req->email;
   return $inf->save()?"ok":"fail";
  }

Croyez-le ou non Après avoir lu le cas présenté dans cet article, vous maîtrisez la méthode.Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP !

Lecture recommandée :

Comment utiliser la demande de publication Ajax pour sauter la page

Comment gérer lorsqu'Ajax ouvre un nouveau fenêtre et est intercepté

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!

Déclaration:
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