Comment soumettre un formulaire avec ajax dans le framework Lavarel-js tutoriel-php.cn

Comment soumettre un formulaire avec ajax dans le framework Lavarel

php中世界最好的语言

Libérer： 2018-04-02 17:27:58

original

1428 Les gens l'ont consulté

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() }}"/>

Copier après la connexion

2. , puis ajoutez

headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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!