ajax通信によってjavascriptからrailsに変数を渡したい

前提・実現したいこと

現在位置情報を使った勤怠管理アプリを作成しております
そこでjavascriptによって取得した緯度経度の値をrailsのコントローラに渡そうと思いつきました
こちらがそのコードです

該当のソースコード

erb
1<%= form_for(@attendance) do |f|%>
2  <%=f.hidden_field :status, value:'in'%>
3<%= f.submit '出社',disabled: !!@attendance.attendance_time, class: 'btn btn-default', id: 'attendance_button'%>
4<% end%>
5
6<%= javascript_pack_tag 'attendance/show' %>

javascript
1function set_csrftoken() { //CSRFのエラー対策
2  $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
3    if (!options.crossDomain) {
4      const token = $('meta[name="csrf-token"]').attr("content");
5      if (token) {
6        return jqXHR.setRequestHeader("X-CSRF-Token", token);
7      }
8    }
9  });
10}
11
12function successFunc(position) {
13  set_csrftoken();
14  let lat = position.coords.latitude; //緯度
15  let lng = position.coords.longitude; //経度
16
17  $.ajax({
18    type: "POST", // リクエストのタイプ
19    url: "/attendances", // リクエストを送信するURL
20    data: { lat: lat, lng: lng }, // サーバーに送信するデータ
21    dataType: "json", // サーバーから返却される型
22  });
23}
24
25function errorFunc(error) {
26  // エラーコードのメッセージを定義
27  var errorMessage = {
28    0: "原因不明のエラーが発生しました…。",
29    1: "位置情報の取得が許可されませんでした…。",
30    2: "電波状況などで位置情報が取得できませんでした…。",
31    3: "位置情報の取得に時間がかかり過ぎてタイムアウトしました…。",
32  };
33
34  // エラーコードに合わせたエラー内容をアラート表示
35  alert(errorMessage[error.code]);
36}
37
38attendance_button.onclick = function () { //出勤ボタン(attendancesコントローラーのcreateアクションに飛ぶ)で発火
39  navigator.geolocation.getCurrentPosition(successFunc, errorFunc);
40};
41

controller
1  def create
2    binding.pry
3    @attendance  = Attendance.today_status(current_user) //その日の出勤情報インスタンスを取得
4    @attendance.attendance_time = Time.now
5    @attendance.save
6    redirect_to controller: :attendances, action: :show, id: @attendance.id
7  end

model
1  class << self
2
3    def today_status(user)
4    date = Date.today
5    params = {user_id: user.id,date: Date.today}
6    self.find_by(params) || self.new(params)
7    end
8  end

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

ajaxによる受取自体は出来ているのですがjavascriptではないerbからのpostに上書きされてしまってparamsの取得が出来ない
以下がデバッグ時のログです

pry
1Started POST "/attendances" for 127.0.0.1 at 2021-03-16 00:04:38 +0900
2Processing by AttendancesController#create as JSON
3  Parameters: {"lat"=>"35.1404032", "lng"=>"136.93747199999999"}
4
5From: /home/kanta/workspace/Mizuho/app/controllers/attendances_controller.rb:11 AttendancesController#create:
6
7    10: def create
8 => 11:   binding.pry
9    12:   @attendance  = Attendance.today_status(current_user)
10    13:   @attendance.attendance_time = Time.now
11    14:   @attendance.save
12    15:   redirect_to controller: :attendances, action: :show, id: @attendance.id
13    16: end
14
15[1] pry(#<AttendancesController>)> Started POST "/attendances" for ::1 at 2021-03-16 00:04:38 +0900
16   (0.1ms)  SELECT sqlite_version(*)
17Processing by AttendancesController#create as HTML
18  Parameters: {"authenticity_token"=>"1E9VsHW1GqVc5V8IHPtw1GZLLuMCW1k/kEtc8RIE8thBq8zpw2uXPUsQ47cYxp4yiSHBgGQ6XeO4TnKhDqY0hg==", "attendance"=>{"status"=>"in"}, "commit"=>"出社"}
19
20From: /home/kanta/workspace/Mizuho/app/controllers/attendances_controller.rb:11 AttendancesController#create:
21
22    10: def create
23 => 11:   binding.pry
24    12:   @attendance  = Attendance.today_status(current_user)
25    13:   @attendance.attendance_time = Time.now
26    14:   @attendance.save
27    15:   redirect_to controller: :attendances, action: :show, id: @attendance.id
28    16: end
29
30[1] pry(#<AttendancesController>)> params
31=> <ActionController::Parameters {"authenticity_token"=>"1E9VsHW1GqVc5V8IHPtw1GZLLuMCW1k/kEtc8RIE8thBq8zpw2uXPUsQ47cYxp4yiSHBgGQ6XeO4TnKhDqY0hg==", "attendance"=>{"status"=>"in"}, "commit"=>"出社", "controller"=>"attendances", "action"=>"create"} permitted: false>
32[2] pry(#<AttendancesController>)> params[:lat]
33=> nil