我使用Ajax向WishList添加项目:
<a href="{% url 'listing:wishlist' list.slug %}" id="wishlistbtn" data-slug='{{ list.slug }}'>Add to
wishlist</a>
url类似于:
path('wishlist/<slug:title_slug>/', wishlist, name='wishlist'),
但是我不知道如何使用Ajax在上面的url中传递list.slug
或title_slug
:
$(document).on('click', '#wishlistbtn', function (e) {
$.ajax({
type: 'GET',
url: "{% url 'listing:wishlist' %}",
data: {
title_slug: e.target.getAttribute('data-slug')
},
success: function (response) {
alert('added to wishlist')
}
})
})
我上面所说的解决方案并不奏效? 请帮我处理这个。 谢谢。
这是您传递data-slug
的解决方案吗?
$(document).on('click', '#wishlistbtn', function (e) {
let el = $(this);
$.ajax({
type: 'GET',
url: "{% url 'listing:wishlist' %}",
data: {
title_slug: el.attr("data-slug"),
},
success: function (response) {
alert('added to wishlist')
}
})
})
使用此路径-
path('wishlist', wishlist, name='wishlist'),
在视图中,使用-request.get.get(“title_slug”)
获取slug