错误:[Errno 10053] 在 Django 中提交 ajax 表单时

Question

我看到这里已经发布了类似的错误，但这无助于解决我的问题。此外，OP没有提供任何关于他遇到该错误时正在做什么的信息(正如其他人在评论中所说的那样)。

我想做什么？

我只是想用ajax将用户注册到Django。

问题出在哪里？

我在提交表格时收到以下错误：

[15/Jan/2018 17:49:37] "POST /authenticate/register/ HTTP/1.1" 200 14
Traceback (most recent call last):
File "C:Python27libwsgirefhandlers.py", line 86, in run
self.finish_response()
File "C:Python27libwsgirefhandlers.py", line 128, in finish_response
self.write(data)
File "C:Python27libwsgirefhandlers.py", line 212, in write
self.send_headers()
File "C:Python27libwsgirefhandlers.py", line 270, in send_headers
self.send_preamble()
File "C:Python27libwsgirefhandlers.py", line 194, in send_preamble
'Date: %srn' % format_date_time(time.time())
File "C:Python27libsocket.py", line 328, in write
self.flush()
File "C:Python27libsocket.py", line 307, in flush
self._sock.sendall(view[write_offset:write_offset+buffer_size])
error: [Errno 10053] An established connection was aborted by the software in your host machine
[15/Jan/2018 17:49:37] "POST /authenticate/register/ HTTP/1.1" 500 59
----------------------------------------
Exception happened during processing of request from ('127.0.0.1', 54896)
Traceback (most recent call last):
File "C:Python27libSocketServer.py", line 596, in process_request_thread
self.finish_request(request, client_address)
File "C:Python27libSocketServer.py", line 331, in finish_request
self.RequestHandlerClass(request, client_address, self)
File "C:Python27libSocketServer.py", line 654, in __init__
self.finish()
File "C:Python27libSocketServer.py", line 713, in finish
self.wfile.close()
File "C:Python27libsocket.py", line 283, in close
self.flush()
File "C:Python27libsocket.py", line 307, in flush
self._sock.sendall(view[write_offset:write_offset+buffer_size])
error: [Errno 10053] An established connection was aborted by the software in your host machine

我的代码：

.html：

<div class="modal animated" id="signupModal" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-sm">
<form id='registerForm'>
{% csrf_token %}
<div class="modal-content">
<div class="modal-header">
<button class="close">&times;</button>
</div>
<div class="modal-body">
<input class="form-control" type="email" id="inputEmail">
<input class="form-control" type="text" id="inputUsername">
<input class="form-control" type="password" id="inputPassword">
<input class="form-control" type="password" id="inputCPassword">      
</div>
<div class="modal-footer" id="signup-footer">
<button type="submit" class="btn btn-default"> Register </button> 
</div>
</div>
</form>    
</div>
</div>

阿贾克斯：

$("#registerForm").on('submit', function(e) {
e.preventDefault();
$.ajax({    
type: 'POST',
url:  "/authenticate/register/",
data: {
'email' : $('#inputEmail').val(),
'username': $('#inputUsername').val(),
'password': $('#inputPassword').val(),
csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()
},dataType: 'json',
success: function(data){                                                       
if (data['errMsg'] != '')
alert(data['errMsg']);
else
alert('Sending confirmation link...');
}, error: function(xhr){
alert('error!');
}
});
});

views.py：

class Register(View):       
form_class = signupForm             
def post(self, request):    
data = {'errMsg': ''}          
form = self.form_class(request.POST)       
if form.is_valid():    
user = form.save(commit=False)
user.is_active = False        
to_email = form.cleaned_data['email']                           
username = form.cleaned_data['username']            
password = form.cleaned_data['password']
user.set_password(password)
user.save()                    
# code to send confirmation email this code is big     
else:               
data = { 'errMsg': 'Something went wrong.' }                                
return JsonResponse(data) 

奇怪的是，即使出现该错误，用户也会注册。但是为什么我会收到此错误以及如何解决它。

Answer 1

终于找到了解决方案：

我只是form标签在<div class="modal-content">里面向下移动了一步，它就起作用了。 :)

溶液：

<div class="modal animated" id="signupModal" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-sm">
<!-- from here to -->                                   
<div class="modal-content">
<form id='registerForm'>{% csrf_token %} <!-- to here -->
<div class="modal-header">
<button class="close">&times;</button>
</div>
<div class="modal-body">
<input class="form-control" type="email" id="inputEmail">
<input class="form-control" type="text" id="inputUsername">
<input class="form-control" type="password" id="inputPassword">
<input class="form-control" type="password" id="inputCPassword">      
</div>
<div class="modal-footer" id="signup-footer">
<button type="submit" class="btn btn-default"> Register </button> 
</div>
</form>  
</div>    
</div>
</div>