vueからaxios.postで複数のデータをLaravelに送りDBに一括登録をする方法

Question

vueからaxios.postで複数のデータが入ったJsonデータをLaravelに送り、DBに一括登録をする方法がわかりません。

送るデータの形式

data: {
  params: [
      {id: "0", name: "高橋", class: "1組"},
      {id: "1", name: "鈴木", class: "2組"},
      {id: "2", name: "佐藤", class: "3組"}
      ]
    }

尚、下記のような単品のデータをvueからaxios.postで送信した場合については、下記のコードでDB保存がうまくいっております。

送るデータの形式

data: {
  params: 
      {id: "0", name: "高橋", class: "1組"},
    }

laravelのコントローラ

    public function create(Request $request) {
        $item = new \App\Task();
        $item->name = $request->name;
        $item->class = $request->class;
        $item->save();
      }

Answer 1

            axios({
                method: 'post',
                url: './test',
                dataType: 'json',
                data:{
                    list: [
                        {id: "0", name: "高橋", class: "1組"},
                        {id: "1", name: "鈴木", class: "2組"},
                        {id: "2", name: "佐藤", class: "3組"}
                    ],
                },
            })

で送るとlaravel側のvar_dump($request->all());は

array(1) {
  ["list"]=>
  array(3) {
    [0]=>
    array(3) {
      ["id"]=>
      string(1) "0"
      ["name"]=>
      string(6) "高橋"
      ["class"]=>
      string(4) "1組"
    }
    [1]=>
    array(3) {
      ["id"]=>
      string(1) "1"
      ["name"]=>
      string(6) "鈴木"
      ["class"]=>
      string(4) "2組"
    }
    [2]=>
    array(3) {
      ["id"]=>
      string(1) "2"
      ["name"]=>
      string(6) "佐藤"
      ["class"]=>
      string(4) "3組"
    }
  }
}

こうなります。配列で来るのであとはループ処理すればよいかと。
※一括登録だとトランザクションも必要かもしれませんね

Comments

[tomato01]

ご回答を頂き誠にありがとうございます。こういうふうに取得されるのですね。とても勉強になります。
尚、コントローラの箇所でおそらくforeachなどをするのではと思っているのですが、blade以外でループ処理を使用したことがありません。コードは下記のような感じなのでしょうか。

public function create(Request $request) {
foreach($request as $lists) {
$item = new \App\Task();
$item->name = $lists["name"];
$item->class = $lists["class"];
$item->save();
}
}

またトランザクションとはどういう処理になるのでしょうか。