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);