I am transmitting a JSON string from my Django view to a JavaScript file named idbop.js on the client side. In Django, I am utilizing the serializer to convert query results into JSON format. Here is an excerpt from my views.py file in Django:
def index(request):
template='posts/index.html'
results=feed.objects.all()
jsondata = serializers.serialize('json',results)
context={
'results':results,
'jsondata':jsondata,
}
return render(request,template,context)
On the client side, I am accessing the variable jsondata in JavaScript like this:
var jsondata="{{jsondata}}".replace(/"/g,"\"");
The content of the jsondata variable is in string form. When I attempt to parse it using var data = JSON.parse(jsondata);, an error is thrown stating:
SyntaxError: JSON.parse: bad control character in string literal at line 1 column 344 of the JSON data.jsondata, which is actually a part of the string value. This is what my JSON string looks like:
[
{
"model": "posts.feed",
"pk": 1,
"fields": {
"author": "J Watson",
"title": "Service Worker",
"body": "A service worker is a type of web worker. It's essentially a JavaScript file that runs separately from the main browser thread, intercepting network requests, caching or retrieving resources from the cache, and delivering push messages.
Because workers run separately from the main thread, service workers are independent of the application they are associated with. This has several consequences:"
}
}]