如何在django视图中使用jquery/ajax传递的值
如何在django视图中使用jquery/ajax传递的值
提问于 2018-08-14 08:34:57
如何检索和使用通过ajax传递给视图的数据？在这个例子中，我尝试实现一个像向上投票/向下投票系统这样的reddit
html/js：
{% for post in posts %}
<h2>{{ post.title }}</h2>
{{ post.upvotes }}<button data-id="{{post.id}}" data-vote="up" class="vote" type="submit">Upvote</button>
{{ post.downvotes }}<button data-id="{{post.id}}" data-vote="down" class="vote" id="downvote" type="submit">Downvote</button>
{% endfor %}
<script>
$(".vote").click(function () {
var id = $(this).data("id"); //get data-id
var vote_type = $(this).data("vote"); //get data-vote
};
$.ajax({
url: '/ajax/upvote/',
data: {
'id': id,
'vote_type':vote_type,
}
});
</script>urls.py：
url(r'^ajax/upvote/$', views.upvote, name='upvote'),查看：
def upvote(request):
#how do i use 'id' and 'vote_type' values here?回答 1
Stack Overflow用户
发布于 2018-08-14 08:59:59
您需要首先编辑您的javascript以发送csrf令牌，并在您的url.py中注册一个POST url。
{% for post in posts %}
<h2>{{ post.title }}</h2>
{{ post.upvotes }}<button data-id="{{post.id}}" data-vote="up" class="vote" type="submit">Upvote</button>
{{ post.downvotes }}<button data-id="{{post.id}}" data-vote="down" class="vote" id="downvote" type="submit">Downvote</button>
{% endfor %}
<script>
$(".vote").click(function () {
var id = $(this).data("id"); //get data-id
var vote_type = $(this).data("vote"); //get data-vote
};
$.ajax({
url: '/ajax/upvote/',
data: {
'id': id,
'vote_type':vote_type,
csrfmiddlewaretoken: '{{ csrf_token }}'
}
});
</script>现在，您可以按常规方式访问您在views.py中发送的数据：
def upvote(request):
sentence= request.POST.get("id","")
upvote = request.POST.get("upvote","")
#continue doing your stuffs here...希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51832237
复制相关文章
相似问题