如何使用ajax动态更改编辑路径的href答案

【问题标题】：How to dynamically change href of edit path using ajax如何使用ajax动态更改编辑路径的href
【发布时间】：2018-07-12 16:05:13
【问题描述】：

我有一个预订显示页面，该页面带有一个下一步按钮，该按钮使用 ajax 单击所有用户的预订并替换每个实例的属性。但是，我需要一种方法来动态更改每个 Bookings 显示页面的每个编辑和取消路径。

<p class="userName" data-id="<%=@user.id%>"><%= "#{@user.name}'s 
Scheduled booking" %></p>
<a href="#" class="js-next" data-userid="<%=@user.id%>"data-id="<%= 
@booking.id %>">Next...</a>
<p class="lessonName"><%= @booking.lesson.name %></p>
<ul>
<li data-id="<%=@booking.id%>" id="bookingNote"><%= link_to "Manage 
notes", edit_user_booking_path(@user, @booking) %></li>
<li data-id="<%=@booking.id%>" id="cancelBooking"><%= link_to "Cancel 
Reservation", delete_booking_path(@booking) %></li>
</ul>

<script type="text/javascript" charset="utf-8">
$(function () {
$(".js-next").on("click", function() {
var userID = parseInt($(".js-next").attr("data-userid"));
var nextID = parseInt($(".js-next").attr("data-id")) + 1;
$.get("/users/" + userID + "/bookings/" + nextID + ".json", 
function(data) {
  $(".lessonName").text(data["lesson"]["name"]);
  $(".js-next").attr("data-id", data["id"]);
  });
 });
});
</script>

我需要在每个预订编辑和取消当前演出路径的路线中使用 href 属性。

【问题讨论】：

您是否正在寻找一种 Jquery 方式来做到这一点？还是背部受伤？
我正在寻找一种 Jquery 方式来实现它。
这对我来说就像一个XY Problem。我很想渲染一个新列表（或列表项的集合）并用新列表替换当前列表。

标签： javascript jquery ruby-on-rails ajax

【解决方案1】：

您可以使用.prop()（通过ajax 调用获取新网址后）

$("#bookingNote a").prop("href", "Your New bookingNote link URL");
$("#cancelBooking a").prop("href", "Your New cancelBooking link URL");

【讨论】：

【解决方案2】：

你可以使用 .attr()

$("a").attr("href", "http://www.google.com/")

【讨论】：