ajax を使用して Lavarel フレームワークでフォームを送信する例を共有する

投稿形式でデータを送信するときに、Laravel はクロスサイト攻撃を防ぐために {{csrf_field()}} を追加する必要があるため、この記事では主に ajax を使用して Lavarel フレームワークでフォームを送信する方法を説明します。ぜひご覧ください。

laravel の紹介:

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

早速本題に入りましょう。Laravel が投稿の形式でデータを送信するとき、クロスサイト攻撃を防ぐために {{csrf_field()}} を追加する必要があるため、フォームを送信するときに追加するのは自然なことです。アヤックスを使って。

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

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

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

2. 次に、Ajax メソッドに

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

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

$(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 次に、$req->フォーム名だけでデータを取得します。

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

要約すると、

私が述べたすべての手順が必要だと思います。 !!, 私のコールバック関数に書かれたコードは、フォームで取得したデータを再印刷するものです。不要なものは無視して、PHP 初心者が提示したコードを見てください。

関連する推奨事項:

Ajax 送信フォーム ページが非常に高速に更新される例の説明

Ajax 送信フォームを検証する jQuery Validator のメソッドと Ajax パラメーターの受け渡し方法の例の詳細な説明

Ajax 送信フォームを実装する jQuery の 2 つのメソッドフォーム

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