Сериализованные данные с отображением буквы за буквой - PullRequest
0 голосов
/ 15 апреля 2020

Я учусь работать с JSON, и поэтому я запускаю простой пример создания элемента списка в моем шаблоне для каждого объекта в моей модели django. Мой вывод выглядит так:

enter image description here

Поэтому я хотел, чтобы каждый <li> отображал только фактическое значение в имени. Как я могу изменить свой код для достижения этой цели?

views.py

def Ajax(request):
    if request.is_ajax():
        exporter = serializers.serialize("json", Proforma.objects.all())
        print(exporter)
        data = json.dumps(exporter)
        return HttpResponse(data, content_type='application/json')
$("#populate").click(function() {

  $.ajax({
    url: "/ajax/more",
    success: function(data) {
      for(i = 0; i < data.length; i++){
        $('ul').append('<li>'+data[i]+'</li>');
      }
    }
  });
});

РЕДАКТИРОВАТЬ:

Вот вывод из консоли:

(index):739 [{"model": "Poseidon.proforma", "pk": 24, "fields": {"Name": "greg", "Shipment": 4, "Exporter": "greg", "QuoteNo": "jiojo", "Date": "ijoi", "Consignee": 10, "MethodOfDispatch": "ujhiuh", "TypeOfShipment": "iuhiu", "PortOfLoading": "huyg", "PortOfDischarge": "uioj", "Terms": "iugh", "ProductCode": "utyg", "DescriptionOfGoods": "iuhi", "UnitQty": "ug", "UnitType": "t", "Price": "iuh", "Amount": "iy", "BankDetails": "guyt", "AdditionalInfo": "gy", "InvoiceTotal": "tf", "Place": "uyg", "SignatoryCompanyBuyer": "uyf", "SignatoryCompany": "utfy", "NameSignerBuyer": "guyg", "NameSigner": "uy", "SignatureBuyer": "fy", "Signature": "trf", "CreatedBy": "uyg"}}]

1 Ответ

1 голос
/ 15 апреля 2020

проблема в ajax, потому что вы не можете напечатать весь объект в теге li:

, попробуйте это (выведите «Poseidon.proforma» на теге li):

$("#populate").click(function() {

  $.ajax({
    url: "/ajax/more",
    success: function(data) {
      var data = JSON.parse(data); // parse the string response to JSON
      for(i = 0; i < data.length; i++){
        $('ul').append('<li>'+data[i]["model"]+'</li>');
      }
    }
  });
});

Если вы хотите, чтобы понять проблему, я думаю, w3schools может помочь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...