a status of 419エラー回避:Laravelでajaxを使うときの注意点

Laravel・PHP豆知識・トラブル対策

Laravel上で、jQueryのajaxを使う方法も可能です。

これを使って、私は次のようなコードを組みました。

  1. bladeファイルにajaxコードをいれる
  2. あるクラス内の画像データを取得する
  3. ajaxでルート設定をへて、コントローラーにデータを渡す
  4. コントローラーから画像を指定の場所に保存

うまくいったものの、やはり3の部分でエラー頻発。

同じ悩みにぶつかる方のため、備忘録もかねて、注意点を書き残しておきます。

Laravelでajaxからコントローラーに投稿時の注意点

LaravelではajaxでもCSRF対策をいれる

Laravelはフォーム内では絶対にCSRF対策をいれねばいけません。

いれないと、コンソールに次のようなエラーが。

Failed to load resource: the server responded with a status of 419

ajaxに入れる場合には、次のコードをいれます。

ajaxでのルート設定へのリンクの貼り方

私は【posts/image】とルート設定ファイルどおりに入れて、間違えてしまいました。

少し変える必要があります。

たとえば今自分がいる場所が、【ドメイン/posts/create】だとします。

ルートは【ドメイン/posts/image】だとすると、次のように書きます。

url:’image’,
Laravel・PHP豆知識・トラブル対策

【Laravelの教科書・プレゼント】

Junko
Laravelの使い方を覚えたい!と思ったら、ぜひ、役立ててほしいです。 基礎編は無料でプレゼント中です♪
ひつじプログラマ
会員制サイトをいちから作っていくよ。ボタンをクリックして詳細を見てね。
Laravelの教科書の詳細を見る

最新のLaravel11版テキストに加え、Laravel8版・Laravel9版・Laravel10版もご用意しています♪

【無料プレゼント】

「LaravelでWebアプリをいちから作れるようになりたい!」

そんなLaravel初心者のあなたへ【Laravelの教科書】基礎編プレゼント中! 会員制フォーラムサイトを学習しながら作れます。

詳細はこちらをクリック

最新のLaravel11版テキストに加え、Laravel8版・Laravel9版・Laravel10版もご用意しています♪

Laravelの本を書きました。


ひつじが目印♪
クリックするとamazonページへ。

Laravelの使い方を分かりやすく解説した書籍を出版しました。書店やAmazon等のオンラインショップにて販売中です。
Laravel10対応。Laravel11サポートガイドもご用意しています。詳しくは下記ボタンをクリック♪

書籍の詳細を見てみる

Laravelの本を書きました。


ひつじが目印♪
クリックするとamazonページへ。

最新版Laravel11用のサポートガイドご用意しています。

Laravelの使い方を分かりやすく解説した書籍を出版しました。書店やAmazon等のオンラインショップにて販売中です。

書籍の詳細を見てみる
Twitter始めました。
40代からプログラミング!
タイトルとURLをコピーしました