railsでjsonファイルが読み込めない

Question

開発環境は、
MacBook
Docker
Ruby 2.5.0
rails 5.2.2
です。

このようなものを作っています。

ラジオボタンを押すと、ボタンの内容に合った値がセレクトタグに代入され選択することができる仕様です。
そこで、セレクトタグに入れる値を、jsonファイルから読み込もうとしたら、

GET http://localhost:3000/users/school.json?name=school_name 404 (Not Found)

と出てしまいます。
原因が、ローカルファイル？パス？からの読み込みではなく、URLからの読み込みになっているからだとは思うのですが、修正の仕方がわかりません。
ラジオボタンで場合分けしているので見にくいですが、jsonファイルの読み込みは以下です。
jsonファイル名は「school.json」で、パスは「app/assets/javascripts」です。

function schoolSelect(value) {
    arrayNum = $("#school").get(0).options.length;
    //セレクトボックスの初期化
    for(var i=1; i<arrayNum; i++) {
      $("#school").get(0).options[1] = null;
    }
    // ラジオボタンのvalueで条件分岐
    switch(value) { 
        case "中卒": //中学
            $.getJSON("school.json",{name:"school_name"} , function(data) {
                var list = data.juniorhighschool;
                $.each(list, function(i) {
                    $("#school").get(0).options[i] = new Option(list[i], list[i]);
                });
            });
            break;
        case "高卒": //高校
            $.getJSON("school.json", {name: "school_name"}, function(data) {
                var list = data.highschool;
                var values = Object.values(list);    
                for(var i=1; i< values.length; i++ ) {
                    $("#school").get(0).options[i] = new Option(list[i], list[i]);
                }
            });
            break;
        case "大卒": //大学
            $.getJSON("school.json", {name: "school_name"}, function(data) {
                var list = data.university;
                for(var i in data.university){ 
                    $("#school").get(0).options[i] = new Option(list[i], list[i]);
                }
            });
            break;
        case "学歴無し": 
        default: break;
    }
}

document.addEventListener("turbolinks:load", function() {
    $(".career").change(function(){
        var careerNum = $('input[class="career"]:checked').val();      // class=careerのラジオボタンの中から、チェックされてるボタンのvalueを取得
        schoolSelect(careerNum);
    });
});

html.erbは以下です。

<%= form_with model: @user,method: :post, url: "/create", local: true, class:"form-signin", name:"form_signin" do |f|  %>
<table>
 <tr>
   <th>最終学歴<span style="color:red;">*</span></th>
   <td>
      <label> <%= f.radio_button :type_career, "中卒", {class:"career", id:"junior", name:"type_career"} %>中学</label>
      <label> <%= f.radio_button :type_career, "高卒", {class:"career", id:"high-school", name:"type_career"} %>高校</label>
      <label> <%= f.radio_button :type_career, "大卒", {class:"career", id:"university", name:"type_career"} %>大学</label>
      <label> <%= f.radio_button :type_career, "学歴無し", {class:"career", id:"no-career", name:"type_career"} %>行ってない</label>
      <br>

      学校名：
      <%= f.select :school_name, [["-選択-", "0"]], {}, {id: "school", class: "w250", name:"school_name"} %>
      <br>
      <span id="careerError">＊必須項目です</span>
  </td>
　</tr>
</table>
<%end%>

Answer 1

school.jsonファイルは、Webアクセスから見える位置（public/以下など）に置いていますか？

あと、school.jsonのように相対パスで参照すると、どこのディレクトリを見るか分かりづらくなるので、/school.jsonのように絶対パスで書いておくことをおすすめします。

Comments

[Beginnerrr]

ご指摘ありがとうございます！
パスが「app/assets/javascripts」でしたので、public直下に置いて、絶対パスにしたら読み込んでくれました！！！

一つ気になったのですが、jsonはなぜpublic出なければいけないのでしょうか？
なぜjavascriptフォルダからは読み込まれないのでしょうか？

[maisumakun]

assets以下でJSONを通したい場合、Sprocketsでの設定変更が必要かと思います。

[Beginnerrr]

なるほどです！
ありがとうございます！