Odtnhj

I'm trying to send some data from Javascript to Django through ajax.
Here is my JS code:

 var json_name = 'name': 123
 $.ajax(
 method: 'POST',
 url: 'my url',
 contentType: "application/json",
 headers: 
 'Content-Type':'application/json',
 'X-CSRFToken': " csrf_token "
 ,

 data: JSON.stringify(json_name),
 success: function (data) 
 //this gets called when server returns an OK response
 alert("it worked!");
 ,
 error: function (data) 
 alert("it didnt work");
 
 );

Here is my Views.py:

def myview(request):
 if request.is_ajax():
 request_data = request.body
 # data = json.loads(request.body)
 print(request_data)
 # print(data)
 return render(request, 'candidate/view.html')
 else:
 return render(request, 'candidate/view.html')

I get the output as b''

When I try to include these lines:

data = json.loads(request.body)
print(data)

I get this error:

TypeError: the JSON object must be str, not 'bytes'

I took some reference from here

Can someone help me with this? If you need any additional information to solve this, I'll be happy to share.

After losing half the hair on my head, I solved it in the following way:

views.py:

from django.views.decorators.csrf import csrf_exempt

@csrf_exempt
def myview(request):
if request.is_ajax():
 if request.method == 'POST':
 data = request.POST.get('senddata')
 print(data)
 return render(request, 'candidate/view.html')
else:
 return render(request, 'candidate/view.html')

my JS code:

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

 $.ajax(
 type: 'POST',
 url: 'my url',
 // contentType: "application/json",
 // headers: 
 // 'Content-Type':'application/json',
 // 'X-CSRFToken': " csrf_token "
 // ,
 dataType: "json",
 data: 
 senddata: JSON.stringify(json_name),
 ,

 // data: json_name,

 success: function (data) 
 //this gets called when server returns an OK response
 alert("it worked!");
 ,
 error: function (data) 
 alert("it didnt work");
 
 );

When I run it, it shows it didnt work but I can see the output in my terminal i.e The data was passed.

I tried including the csrf token in the ajax request but it failed. Therefore I used csrf_exempt in my views.

This might be a dirty way of doing things, but it works for now. If anyone has a neat and better answer please post it here!!

I've written a basic testcase on Django 1.11 with Python 3.6 and Python 2.7.

I have been using the following template file to test:

<button>Send data</button>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$('button').on('click', function(event) 
 var data = name: 123 ;
 $.ajax(
 method: 'POST',
 url: '',
 contentType: 'application/json',
 headers: 
 'X-CSRFToken': ' csrf_token ',
 ,
 data: JSON.stringify(data),
 success: function() 
 console.log('Success!');
 ,
 error: function() 
 console.log('Error...');
 ,
 );
);
</script>

And the following route, which delivers the template file and prints any AJAX data:

from django.http import response
from django.shortcuts import render
import json

def index(request):
 if request.is_ajax():
 request_body = request.body
 data = json.loads(request_body)
 print(data)
 return render(request, 'stackoverflowhelp/index.html')

I've not been able to reproduce the issue.

However, having done more research I found that the json.loads method in Python 3.6 supports bytes objects, while the documentation for Python 2.7 json.loads suggests it only supports string types. While the error you've posted reflects this, I've attempted to make this generate the same error as you're seeing but have had no success.

As you can see, I've not had to whitelist the method from CSRF protection. Based purely on the error you've provided, calling decode on request.body may work:

def index(request):
 if request.is_ajax():
 request_body = request.body.decode("utf-8")
 data = json.loads(request_body)
 print(data)
 return render(request, 'stackoverflowhelp/index.html')