javascript - 如何使用ajax动态更改编辑路径的href
问题描述
我有一个预订显示页面,该页面带有一个下一步按钮,该按钮使用 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");
推荐阅读
- robotframework - 如何在 Robot Framework 中使用/实现 SoftAssert 功能
- clips - 如何检索具有特定名称的规则断言的事实?
- javascript - Array.prototype.flat() 在构建 Gatsby 站点时会产生错误
- java - AbstractAnnotationConfigDispatcherServletInitializer 中的 getRootConfigClasses() 和 getServletConfigClasses() 之间的区别
- java - log4j 将日志写入控制台和文件
- javascript - 如何修复Javascript中输入的偶数的总和?
- python - 如何检测嘈杂的线条图像中的线条?
- javascript - 我的显示建议代码在 Firefox 上运行良好,但不适用于 Chrome 和 IE
- node.js - 即使使用正文解析器也请求正文为空
- java - 从方法 :: org.mockito.exceptions.misusing.MissingMethodInvocationException 调用另一个方法