Logging

laravelの非同期処理でDELETE・PATCH・PUT😗する方法。 #php #code

おはようございます、華の金曜日ですね~🙄。けんすうさんは一体何歳なんだろか?自分より若いのかな?それとも・・・・。

【後藤達也は椅子にハマれ】けんすうが説くお金の使い方【と、起業家ひろゆきの素顔】
【後藤達也は椅子にハマれ】けんすうが説くお金の使い方【と、起業家ひろゆきの素顔】

さて、今日は久しぶりにlaravelの非同期処理でDELETE・PATCH・PUTをする方法を記載しておきます。大体の人が知っているもしくは非同期処理でRESTの設計を使わないよという方もいるかもしれない。ですが、あまり遷移させたくない、遷移させると余計にコードを書かないといけない等、そういう場面があると思います。是非、そういう時は非同期処理でDELETE・PATCH・PUTして上げてください。

因みにこの頃、知ったのですがBootstrapからtailwindへ鞍替えする人が続出してダウンロード数が逆転した話を知りました。web業界に限らずですが隅から隅まで覚えている人は凄いなと関心します。自分は、どうしてもググったりドキュメントでググったりします。

document.getElementById('btn').addEventListener('click', () => {
    const formData = new FormData();
    formData.append('id', document.getElementById('id_number').value);
    formData.append('_method','PUT');//DELETE・PATCH・PUT

    fetch('ajax-test', {
        method: 'POST',
        headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content}, // CSRFトークン対策
        body: formData
    })
        .then(response => response.json()) 
        .then(res => {
            console.log('res: '+res[0].id);
            document.getElementById("result").innerHTML = "ID番号" + res[0].id + "は「" + res[0].name + "」です。価格は「" + res[0].price+"円」です。";
        })
        .catch(error => {
            console.log(error); // エラー表示
        });
});







    YOU.comの驚異。 #YOUcom前のページ

    Chatgptと人との合作でブログ記事を書く人。 #滅びの呪文次のページ

    関連記事

    1. Logging

      25%OFFとセールでは、どっちのタイトルが買いたい気持ちになる?

      蒸し暑い日が続きますね。この間、イオンに行っていてふと感じたことが…

    2. Logging

      wifi中継機とルーターのブリッジモードの違いを知らずに散財した過去?

      髪の毛がたいぶ伸びてきて、うざく感じるようになってきたので来週には床…

    3. clear light bulb planter on gray rock

      Logging

      CSSファイルの設定を読み込んで一括背景色変更するコード。 #cssfile #javascript…

      おはようございます、先日の日曜日は原因不明の体調不良で寝込んでおりま…

    4. Logging

      dockerにmysqlサーバーを追加するYML(ヤムル)ファイル #yml

      おはようございます、1,2,3🎉。Docker呟き第3回ぐらいですか…

    5. Logging

      TEST投稿

      TEST投稿…

    6. Logging

      この世は金と知恵だけではない。

      今日のお題は「この世は金と知恵だけではない」です。バクマンという映画…

    2023年1月
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  

    カテゴリー

    アーカイブ

    PAGE TOP