ajaxでPOSTしたデータをphpに渡す方法

Question

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

jqueryで書いたajaxをcakephpのコントローラーに渡したのですが、nullとなってしまいうまく値が渡せません。

該当のソースコード

$(.class).on('change', function(){

        let abc = "3"
        $.ajax({
            dataType : "json",
            type: "POST",
            url: baseUrl + languages + "/コントローラー名/アクション名",
            data: abc,
            success: function(data) {
                console.log(abc);
            },
            error: function() {
                console.log("失敗しました");
            },
        });

public function アクション名() {
        $ajaxData = $_POST['abc']; 

}

試したこと

jQueryのconsole.logではきちんとabcに３が入った値が出てくるのでjavascriptのファイルは間違っていないと思うのですが、phpのファイルだとnullになってしまいます。

上記のコードでどこが間違っていますか？
ご教示いただけますと幸いです。

Comments

[takasima20]

よくしらないけど、連想配列で渡すもんなんじゃ?

[cacao86]

cakephp知らないですが、ルーティング設定してないのでは？

Answer 1

普通にフォーム送信されるデータと同じなのですが、key=valueのオブジェクト形式で設定してください。

data: {abc:"3"},

または

let req["abc"] = "3";

//中略

data: req,

あと、CakePHPで直接$_POST参照することってないのでは？
リクエストとレスポンスオブジェクト

Comments

[ayk82]

回答ありがとうございます。上記で試してみたのですが空の配列が入ってしまいます。

>あと、CakePHPで直接$_POST参照することってないのでは？
→ここをあまり理解できていないのですが、$this->request->$_POST;と書くということでしょうか？

[m.ts10806]

「上記で試した」が実際にこちらの想定とあっているかわからないのでコードを追記してください。それに、今提示されたコードだけではどこにもAjaxリクエストの内容を確認できるコードになってません。どうやって確認されたのでしょう？

>$this->request->$_POST;と書くということでしょうか？

ドキュメント読んでください。URLも提示しています。このあたりを理解せずにフレームワークを使うのは意味がないです。

[ayk82]

>今提示されたコードだけではどこにもAjaxリクエストの内容を確認できるコードになってません。

php側でリクエストの書き方を変更して確認しました。

ドキュメントを読んでもいまいち理解できなかったので質問させてもらいましたが、もう少し勉強します。

ありがとうございました。

[m.ts10806]

このコメント内容ではドキュメント確認したかどうかわかりません。
そして、ドキュメントでわからないということはそれを理解するだけの前提知識や技術が足りていないということ。
ということは、フレームワークに手を出すのは早いということです。
せめてPHPマニュアルの解説を読んで理解し、正しく使えるくらいは最低限ないとダメでしょうね。