[英]How to dynamically change href of edit path using ajax
我有一個Bookings顯示頁面,該頁面帶有一個下一個按鈕,該按鈕使用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屬性,並取消當前顯示路徑的路線。
您可以使用.prop() (通過ajax調用獲取新網址后)
$("#bookingNote a").prop("href", "Your New bookingNote link URL");
$("#cancelBooking a").prop("href", "Your New cancelBooking link URL");
您可以使用.attr()
$("a").attr("href", "http://www.google.com/")
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.