[Laravel 8] Laravel を使った非同期通信でjsonデータが返ってこない [jQuery]

Question

前提・実現したいこと

家庭教師と生徒のマッチングシステムを作っています。
生徒側が授業を予約するときに、受けたい科目から授業を探せる検索機能をjQueryで実装したいです。
ユーザーが科目のセレクトボックスの値を変更したときに該当するデータをDBから取得し、viewに表示させたいです。

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

jsonデータが返ってこないです。

該当のソースコード

view画面
DBから科目（国語や英語など）を取得しドロップダウンリストで表示しています。

<select name="subject" id="searchBySubject">
      @foreach($subjects as $item)
        <option name="subject" value="{{$item->id}}">{{$item->subject_name}}</option>
      @endforeach
</select>

ajax部分

$('#searchBySubject').on('change', function() {

    let subjectId = $(this).val();

    $.ajax({

        type:'GET',
        url: 'reserve',
        data:{'subject': subjectId},
        dataType: 'json',

    }).success(function(data) {
        
        let html = '';
        
        $.each(data, function(index, value) {

            let id = value.id;
            html = '<p>"${id}"</p>';//とりあずIDだけ表示させたい

        });

        $('#searchResult').append(html);

    }).fail(function() {

        console.log('fail');

    });

});

コントローラ

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Subject;

class TestController extends Controller
{
    
    public function test($subjectId) {

        $subject_info = Subject::find($subjectId);

        return response()->json($subject_info);

    }

}

web.php

Route::get('student/reserve/{subjectId}', 'TestController@test');

試したこと

• urlに直接パラメーターを渡したらjsonデータが返ってきました。なのでコントローラーは問題ないと思いました。
• dataTypeをhtmlにして返り値を適当な文字列にすればその値がveiwに表示されたのでパスの指定も問題ないと判断しました。

補足情報（FW/ツールのバージョンなど）

MAMP環境でLaravel8を使用しています。

よろしくお願いいたします。

Answer 1

student/reserve/{subjectId}

このURLで取りたいのでしたら、メソッドGETでdataを入れては取れません。
あくまでGETメソッドは?key=valueです。

単に下記で良いのでは

url: 'reserve/'+subjectId ,

Comments

[oshark]

回答ありがとうございます。
仰るとおりでした。

無事解決し値を取れるようになりました
ありがとうございます。