Ajaxでセレクトボックスを作りたい

Question

前提・実現したいこと

筋トレアプリ作成中で以下のようにしたいです
部位ごとに選択したらDBからちがう種目がでるようにしたいです
胸ーベンチ、フライ
背中ーデット、懸垂
脚ースクワット、プレス
初心者なのでわかりやすく教えてもらえたらありがたいです

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

select.js:35 Uncaught TypeError: url.send is not a function
    at HTMLSelectElement.<anonymous> (select.js:35)

該当のソースコード

window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#part').addEventListener('change',e=>{
    const event=document.querySelector('#event');
    event.innerHTML="";
    if(e.target.value!==""){
      var params=new URLSearchParams();
      params.append('part',e.target.value);
      debugger
      const url= ("GET",'/muscle_events/${params.toString()}');
      url.responseType = "Json";
      url.send();
      url.onload = () => {
        fetch(url).then(res=>res.json()).then(data=>{
          data.forEach(x=>{
            event.appendChild(Object.assign(document.createElement('option'),{value:x.event,textContent:x.event}));
          });
        });
      }
    }
  });
});

class MuscleEventsController < ApplicationController
  def index
    @muscle_events = MuscleEvent.all
  end

  def get_menu
    event = MuscleEvent.where(part:params[:part])
    events =  event.pluck(:event)
    render json:{ events: events}
  end
end

<script src="select.js"></script>
<p>どこの部位を筋トレしますか？</p>
<%= form_tag url:"root_path" do |f| %>
  <%= select_tag :part,  options_for_select(MuscleEvent.parts.keys.map{|k| [I18n.t("enums.muscleevent.parts.#{k}"), k]}) %>
  <select id="event"></select>
<% end %>

Rails.application.routes.draw do
  root to: 'muscle_events#index'
  resources :muscle_event, only: :index
  get 'muscle_events/:part', to:'muscle_events#get_menu'
end

試したこと

  const url= ("GET",'/muscle_events/${params.toString()}');

ここでurlの設定ができてないのはわかるのですがどうかいたらいいのかわからなくて

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

ここにより詳細な情報を記載してください。

Comments

[yambejp]

js側はもう提示しましたよね？
apiの作り方に絞って質問したほうがいいですよ
GETでpartを渡して、絞り込んだJSONを返す方法に集中してください

[goriwo]

すみません
提示してもらったのが全然うまくいかなくて