CODEWITHSUNDEEP
pythonjsondjangodjango-models
Paritosh Yadav
Paritosh Yadav

Reputation: 347

why there is like Bunch of backslash in my JSON output

I m trying to send model data as json using below code

Views.py

def autocomplete(request):
    model = NewCarModel.objects.only('car_model_new')
    print('model is',model)
   # users_list = list(model)
    posts_serialized = serializers.serialize('json', model)
    print('post is',posts_serialized)

    return JsonResponse(posts_serialized,safe=False)

models.py

class NewCarModel(models.Model):
    car_model_new = models.CharField(max_length=100, unique=True)

    def __str__(self):
        return self.car_model_new

output:

"[{\"model\": \"core.newcarmodel\", \"pk\": 1, \"fields\": {\"car_model_new\": \"swift\"}}, {\"model\": \"core.newcarmodel\", \"pk\": 2, \"fields\": {\"car_model_new\": \"wagonr\"}}, {\"model\": \"core.newcarmodel\", \"pk\": 3, \"fields\": {\"car_model_new\": \"baleno\"}}, {\"model\": \"core.newcarmodel\", \"pk\": 4, \"fields\": {\"car_model_new\": \"breeza\"}}, {\"model\": \"core.newcarmodel\", \"pk\": 5, \"fields\": {\"car_model_new\": \"spresso\"}}]"

why there is bunch of backslash in my JSON output and how i can remove them and Mozilla Firefox default JSON filter is also not working, neither i am able to extract data from it using java script(as i am able to extract data from some public API so there is no problem with extract code)

edit:

how I m trying to extract data after parsing JSON into variable myArr

const carModelsArr = myArr.data.map((d) => d.fields.car_model_new

edit 2: so solution of not able to extact is instead of 

var myArr = JSON.parse(this.responseText);

used this:

var myArr = JSON.parse(JSON.parse(this.responseText));

and extract code is able to work

but still, doesn't solve backslash problem and I would like to avoid using DRF if possible

Upvotes: 5

Views: 20797

Answers (2)

MaNKuR
MaNKuR

Reputation: 2704

I think serializer does this to enclose double quote " around the dict object while converting them to Json object. Possibly that dict object already have either key or value enclosed with same double quote ". Hence that backslash.

To get rid of that you have to use json.loads if using Python otherwise JSON.parse if using JS

Python3:

json.loads(response)

JS:

JSON.parse(data)

enter image description here

Edit

You are serializing the data twice hence that backslash and you're forced to use JSON.parse twice. Since you already serialized the response you can simply use HttpResponse or Response to return that serialized data.

Solution-1:

from django.http import HttpResponse
return HttpResponse(posts_serialized, content_type='application/json')

Solution-2:

from rest_framework.response import Response
return Response(posts_serialized, content_type='application/json')

Upvotes: 5

Teddy Markov
Teddy Markov

Reputation: 276

It's because of JsonResponse. As you can see in the documentation od JsonResponse it expects a dictionary and you already created a JSON string. I assume that due to the fact that you said safe=False it accepted the string.

I suggest replacing it with the DRF Response or parsing it from a Query to a Python dict. (I would prefer the DRF Response option).

For more info, please check out the docs in the links.

Note: I have not run the code myself - it is my assumption.

Upvotes: 2

Related Questions