问题描述
我正在Django中使用jQuery / AJAX来发送数据，并且遇到麻烦。当我运行下面的代码并点击测试按钮，整个页面重新加载，这不是我想要发生的（这就是为什么我使用AJAX）。我也无法确认ajax请求是到达python视图。任何建议？
I am trying to POST data using jQuery/AJAX in Django and am having trouble. When I run the code below and click on the 'test' button, the entire page re-loads again, which isn't what I want to happen (that's why I'm using AJAX). I'm also not able to confirm the ajax request is getting to the python view. Any advice?
我做了编辑返回false和 event.preventDefault（）。没有加载新页面，但是我仍然无法在div id ='message'字段中看到更新的文本。我不知道数据是否被发送。我在控制台看到：
I've made the edits for return false and event.preventDefault(). A new page doesn't load, but I'm still not able to see the updated text in the div id = 'message' field. I'm not sure if the data is getting sent. I'm seeing in the console:
POST /edit_favorites/ HTTP/1.1" 403 2294
views.py
views.py
from django.shortcuts import render_to_response
from django.http import HttpResponse
def edit_favorites(request):
if request.is_ajax():
message = "Yes, AJAX!"
else:
message = "Not Ajax"
return HttpResponse(message)
urlconf：
urlconf:
url(r'^edit_favorites/', 'edit_favorites'),
html：
html:
<form method='post' id ='test'>
<input type="hidden" value="video34" />
<input type='submit' value='Test button'/>
<div id = 'message'>Initial text</div>
</form>
javascript：
javascript:
<script type="text/javascript">
$(document).ready(function() {
$("#test").submit(function(event){
event.preventDefault();
$.ajax({
type:"POST",
url:"/edit_favorites/",
data: {
'video': $('#test').val() // from form
},
success: function(){
$('#message').html("<h2>Contact Form Submitted!</h2>")
}
});
return false;
});
});
</script>
推荐答案
错位 return false; / code>。它应该在 .submit（）函数的末尾。所以向上移动一行。
Misplaced return false;. It should be at the end of .submit() function. So move it one line upwards.
$(document).ready(function() {
$("#test").submit(function(event){
$.ajax({
type:"POST",
url:"/edit_favorites/",
data: {
'video': $('#test').val() // from form
},
success: function(){
$('#message').html("<h2>Contact Form Submitted!</h2>")
}
});
return false; //<---- move it here
});
});
更新：
关于问题 POST / edit_favorites / HTTP / 1.1403 2294 。检查这个与您的问题类似的信息，
About the issue POST /edit_favorites/ HTTP/1.1" 403 2294. Check on this post which looks similar to your issue,
这篇关于在Django中如何使用jQuery / Ajax进行POST？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！