So senden Sie ein Formular mit Ajax im Lavarel-Framework_AJAX bezogen

Da Laravel beim Senden von Daten in Form von Posts {{csrf_field()}} hinzufügen muss, um Cross-Site-Angriffe zu verhindern, teilen wir Ihnen in diesem Artikel die Methode zur Verwendung von Ajax zum Senden des Formulars im Lavarel-Framework mit . Werfen wir einen Blick darauf

Einführung in Laravel:

Laravel ist ein einfaches und elegantes PHP-Webentwicklungsframework (PHP Web Framework). Es kann Sie von unordentlichen Codes wie Nudeln befreien; es kann Ihnen helfen, eine perfekte Netzwerk-APP zu erstellen, und jede Codezeile kann prägnant und ausdrucksstark sein. „Entwicklung“ sollte eine kreative Kopfarbeit sein, kein langweiliger „Basiscode“.

Um es auf den Punkt zu bringen, denn Laravel muss beim Senden von Daten im Post-Formular {{csrf_field()}} hinzufügen, um Cross-Site-Angriffe zu verhindern. Daher ist es selbstverständlich, es hinzuzufügen, wenn Sie ein Formular mit Ajax senden.

Ich habe im Internet viele Lösungen gesehen. Ich habe es mit der folgenden Methode gelöst:

Fügen Sie zunächst ein Meta zur Vorlage hinzu:

2, dann fügen Sie

<meta name="_token" content="{{ csrf_token() }}"/>

in die Ajax-Methode ein Funktionen, $().serialize() und $().serializeArray(), ich verwende letzteres im Code, der die Daten im Formular abrufen und direkt über Ajax übertragen kann, was erstaunlich ist!! hat alle zum Lachen gebracht)

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

3 Rufen Sie dann die Daten in der Controller-Methode ab, nur $req->Ihr Formularname reicht aus.

$(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();
          $(&#39;.basicShow span&#39;).html(data[1].value+&#39; | &#39;+data[2].value+&#39; | &#39;+data[3].value+&#39; | &#39;+data[4].value+&#39;<br>&#39;+data[5].value+&#39; | &#39;+data[6].value+&#39; | &#39;+data[7].value);
        }
      },
    });
    // event.preventDefault();
    return false;
  });

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Lösung dafür, warum Ajax-Übermittlungsparameter mit HTML-Tags in ihren Werten nicht erfolgreich übermittelt werden können

Ajax Post Sprungseite anfordern

Zwei Lösungen für Ajax, um ein neues Fenster zu öffnen und vom Browser abgefangen zu werden

Das obige ist der detaillierte Inhalt vonSo senden Sie ein Formular mit Ajax im Lavarel-Framework_AJAX bezogen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!