Rails Javascript-單擊時刷新部分視圖

Question

在我的項目中，我認為局部視圖

game_player_main.html.erb：

<%= button_to "Wurfbild", home_player_statistic_detail_path(:game_id => @game.id, :player_id => @player.id, :home_or_away => @home_or_away, :player_mode => 'GoalArea'), class: 'btn_submit', :remote => true %>

player_statistic_detail.js.erb：

$("#player_statistic_detail").html("<%= escape_javascript render(partial: 'home/player_statistic_detail.html.erb', :handlers => [:erb]) %>");

一切正常。 在我的局部視圖中，我有一個畫布字段。 通過單擊此字段，它應該重新加載通過click事件的x和y坐標的部分。

這是我的代碼：

_player_statistic_detail.html.erb：

<script>

var canvas = createHiDPICanvas(350, 228);
var ctx = canvas.getContext("2d");
canvas.addEventListener("mousedown", doMouseDown, false);

function doMouseDown(event) {
  canvas_x = event.pageX;
  canvas_y = event.pageY;

  canvas_x -= canvas.offsetLeft;
  canvas_y -= canvas.offsetTop;

  $("#player_statistic_detail").html("<%= escape_javascript render(partial: 'home/player_statistic_detail.html.erb', :handlers => [:erb]) %>");

}

如果我只是將javascript命令復制到視圖中，則會收到錯誤消息：

ActionView :: Template :: Error（堆棧級別太深）

是否可以刷新我的局部player_statistic_detail.html.erb並通過坐標？

Answer 1

一種可能的解決方案可能是：

var url = "url...";
  console.log("URL: " + url);
  $.ajax(url);