Lavarelフレームワークでajaxを使用してフォームを送信する方法

Lavarelフレームワークでajaxを使用してフォームを送信する方法_AJAX関連

亚连

リリース： 2018-05-23 10:25:45

オリジナル

1712 人が閲覧しました

クロスサイト攻撃を防ぐために、laravel は投稿形式でデータを送信するときに {{csrf_field()}} を追加する必要があるため、この記事を通じて ajax を使用して lavarel フレームワークでフォームを送信する方法を共有しましょう。一緒に見てみましょう

laravelの紹介:

Laravelは、シンプルでエレガントなPHP Web開発フレームワーク(PHP Web Framework)です。ヌードルのような乱雑なコードから解放され、完璧なネットワーク APP を構築するのに役立ち、コードの各行が簡潔で表現力豊かになります。「開発」は創造的な頭脳作業であるべきであり、退屈な「ベースコード」ではありません。

本題に入りますが、Laravel はクロスサイト攻撃を防ぐために投稿フォームでデータを送信するときに {{csrf_field()}} を追加する必要があるため、ajax を使用してフォームを送信するときに追加するのは自然です。

私は次の方法で解決しました。

1.まずテンプレートにメタを追加します:

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

ログイン後にコピー

2.次に、ajaxメソッド

に

を追加します。

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

ログイン後にコピー

これは、非常に便利な jquery 関数である $().serialize() と $().serializeArray() をコード内で使用して、フォーム内のデータを取得します。 ajax 経由で直接送信できます。これは本当に素晴らしいことです !!! (無知なのでみんな笑ってしまいます)

$(form[1]).submit(function(event){
    var data = $(form[1]).serializeArray();
    // console.log(data);
    $.ajax({
      type:&#39;post&#39;,
      url:&#39;/basic&#39;,
      data:data,
      headers: {
  &#39;X-CSRF-TOKEN&#39;: $(&#39;meta[name="_token"]&#39;).attr(&#39;content&#39;)
},
      success:function(msg){
        if (msg) {
          $(&#39;.basicEdit&#39;).hide();
          $(&#39;.basicShow&#39;).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;
  });

ログイン後にコピー

3 次に、コントローラーメソッドで直接 $req-> という名前を付けます。

public function basic(Request $req){
   // return $req->gender;
   $uid = Auth::user()->uid;
   // return $uid;
   // $inf = new \App\Info;
   $inf = Info::where(&#39;uid&#39;,$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";
  }

ログイン後にコピー

以上は皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

値に HTML タグを含む Ajax 送信パラメーターは正常に送信できません

Ajax 投稿リクエストのジャンプページ

Ajax が新しいウィンドウを開き、ブラウザ解決策

以上がLavarelフレームワークでajaxを使用してフォームを送信する方法_AJAX関連の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。