TypeError：“类别”（模型）类型的对象不是JSON可序列化的

Question

Model class:

class Category(models.Model):
    name = models.CharField(max_length=200)

    def __str__(self):
        return self.name

The controller that works with model:

class AjaxLayoutView():

@login_required
def categories_ajax(request):
    categories = Category.objects.all()
    cats = serializers.serialize('json', categories)
    return HttpResponse(
        json.dumps(cats),
        content_type="application/json"
    )

TypeError: Object of type 'Category' is not JSON serializable But in response in JavaScript with next code:

    $.getJSON( "/categories/ajax/", function( json ) {
    var src = JSON.parse(json);
    console.log(src);
    var valuesFromCategorys = [];

    for(var i=0;i<src.length;i++)
      valuesFromCategorys[i] = src[i].fields.name;
    console.log(src);

  $('#patient_category').editable({
    type: 'select',
    title: 'Оберіть нову категорію',
    source: valuesFromCategorys,
    ajaxOptions: { type:'POST'},
    params: function(params) {
      var objRequest = {category: params.value, pk:params.pk};
      console.log(params.value);
      return objRequest;
    },
    success: function(response, newValue) {
       console.log(response);
    }
  })

Answer 1

Try to iterate over object and then make a list or dictionary . then try json.dumps we can not dumps object directly.

@login_required
def categories_ajax(request):
categories = Category.objects.all()

cats= json.dumps([(dict(row.items())) for row in categories])
return HttpResponse(
    json.dumps(cats),
    content_type="application/json"
)

Answer 2

Since your view is returning an array of objects, you can access any serialized value like this:

$.getJSON("/categories/ajax/", function(json) {
    var src = JSON.parse(json);
    for (var i = 0; i < src.length; i++) {
        var category = src[i];
        console.log(category.fields.<field_name>);
    }
});