Betik Tarafından Okunan Anahtarlar

Coddy'nin Django Journey'sinin JSON API'leri bölümünün bir parçası. Ders 13 / 19.

Yeni app.js, /api/stats/ üzerinden oluşturulan bir özeti listenin üstüne ekler. Bir betik ile Django tarafınız adlar üzerinden buluşur: sayfada aradığı kimlikler ve JSON'dan okuduğu anahtarlar.

const stats = await response.json();
summary.textContent = stats.open + " open, " + stats.done + " done";

stats.done, JSON'unuzdan "done" anahtarını okur. JSON'da bulunmayan bir anahtar hata oluşturmaz: JavaScript bunu undefined olarak okur ve bu sözcüğü sayfada yazdırır. Eksik bir kimlik de aynı şekilde sessizce başarısız olur; yalnızca tarayıcının konsolunda bir hata görünür. Bu yüzden önce betiği okuyun: sizin adlarınızı harfi harfine o belirler.

Görev

Orta

Yeni app.js dosyasını oku, ardından ona ihtiyaç duyduğu şeyi sağla:

Ana sayfada, betiğin aradığı kimliğe sahip özet paragrafını, betik etiketinin üzerine ekle.
/api/stats/ içinde, tamamlanmamış görevler için özetin okuduğu anahtarı total ve done anahtarlarının yanına ekle.

Çalıştır'a bas: özette 2 open, 1 done yazar.

Kendin dene

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Task tracker</title>
</head>
<body>
    <h1>Task tracker</h1>
    <ul id="task-list"></ul>
    <script src="{% static 'tasks/app.js' %}"></script>
</body>
</html>