ajax パラメータ[object Object]となってしまう

Question

前提・実現したいこと

Laravelを使用しており、ボタンが持つdata-idの値をControllerに渡したい

発生している問題・エラーメッセージ

ControllerにPOSTしていますが、パラメータが[object Object]となってしまい、値が送れていません。
ajaxのdataの部分に問題があるかと思いますが、記述のどの部分に問題があるかがわかりません。

該当のソースコード

        $.ajax({
                url: 'test/save',
                type: 'POST',
                data: {id: $(this).attr("data-id")},
                dataType: 'json',
                cache: false,
                processData: false,
            })

  public function save(Request $request)
  {
    $group= session()->get('group');
    $add_group = new Group();
    $add_group ->group_id = $request->id;
    $add_group ->group_number = $group->id;
    $add_group ->save();
    return response()->json($add_group);
  }

試したこと

        var test = $(this).attr("data-id");
        alert(test);

でdata-idの値の取得はできました。

Comments

[m.ts10806]

>パラメータが[object Object]となってしまい、値が送れていません。
これが再現するコードはどこでしょうか。

[yassan511]

再現するコードというのはControllerの記述ということでしょうか。

[m.ts10806]

少なくとも私には提示したコードにはどこにも[object Object]が確認できるコードがないようにしか見えませんが。そもそも出力すら書かれてません。
再現できるコード提示しないとアドバイスは無理です。

[m.ts10806]

HTMLもないJavaScriptも全部提示されている様子はない。LaravelはおろかPHPもない。
これでどうやって何のアドバイスが得られるでしょうか。

[yassan511]

情報足らずで申し訳ありません。
修正しました。

[kawax]

LaravelならjQueryのajaxではなくaxios使って欲しい。bootstrapに必須だから仕方なくjQueryもインストールされるけどLaravelではVue+axiosが標準。

Answer 1

({}).toString()

これを実行してみてください。
"[object Object]"
となりますね？
つまり、オブジェクトをtoStringすると[object Object]となるんです。
AjaxでPOSTする時に、オブジェクトを与えても、自動的に文字列型に整形されるので
このような動作をします。

Laravel/Ajaxは関係ないので
とりあえずJS側でconsole.logで目的の値が出せるように修正してみましょう

$('#hoge').attr("data-id")

こんな感じで

Comments

[yassan511]

console.log($(this).attr("data-id"));で目的の値は取得できました。

Answer 2

data: 'id='+$(this).attr("data-id"),で解決しました。