我试图在Django中使用jQuery/AJAX发布数据,但遇到了问题。当我运行下面的代码并单击“test”按钮时,整个页面会重新加载,这不是我想要的(这就是我使用AJAX的原因)。
我也无法确认AJAX请求是否进入了Django视图。
编辑:我已对return false和event.preventDefault()
进行了编辑。没有加载新页面,但我仍然无法在<div id='message'>
字段中看到更新的文本。我不确定数据是否被发送。我在控制台看到:
POST /edit_favorites/ HTTP/1.1" 403 2294
视图.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)
url.py:
url(r'^edit_favorites/', 'edit_favorites'),
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:
$(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;
});
});
有什么建议吗?
这里发生的是当您提交一个HTML表单时,它将表单的数据发送到
<form>
的action
属性。在javascript中,您订阅表单的submit事件,但是您从未禁用表单的默认行为,即遵循action
属性。在jQuery中,可以通过对事件参数调用preventDefault
方法并返回false
来修改该行为(如果调用preventDefault
,则返回false
不是必需的,但最好确保…):编辑
至于错误,你的错误不是很有帮助,但我有预感,你没有验证CSRF。更详细的解释。不过,快速修复只是将this文件添加到jQuery中,并将^{} 装饰器添加到视图中。
以下方法对我有效。我也希望能帮助你。
放错位置
return false;
。它应该在.submit()
函数的末尾。所以向上移动一行:更新:
关于这个问题。请查看与您的问题类似的帖子:
相关问题 更多 >
编程相关推荐