我是新来的ajax,我想通过ajax请求从列表中删除学生,我想打印请求的响应在特定div中的同一页上。但是获得重定向到新页面的响应。ajax请求后获得重定向页面
这里是我的views.py
def delete_student(request):
response = {"status": False, "errors": []}
student_id = request.GET.get('student_id', '')
if request.method == "POST":
form = DeleteStudentForm(request.POST)
if form.is_valid():
student = Student.objects.get(
user__username = form.cleaned_data["username"]
)
student.delete()
response["status"] = True
else:
for key, value in form.errors.items():
tmp = {'key': key, 'error': value.as_text()}
response['errors'].append(tmp)
return HttpResponse(json.dumps(response))
这里是我的Ajax请求
function delete_student(student_id){
$.ajax({
url: Window.base.urls.delete_student+"?student_id="+student_id,
type: $this.attr('method'),
data: $this.serialize(),
success: function(response){
response = JSON.parse(response);
if(response.status){
console.log(student_id)
$('#id_response').append(JSON.stringify(response))
$('#id_student_'+student_id).remove();
$('#delete_more_student').removeClass('disabled');
$('#delete_more_student').attr('onclick', 'open_delete()');
}else{
$('#id_response').append(JSON.stringify(response));
}
}
});
return false;
}
,这里是我的形式
{% csrf_token %}
*Username:
{{ delete_student_form.username }}
+0
您需要防止表单提交的情况发生 - 你可以在JavaScript程序调用e.preventDefault()触发submit事件 –