№1 Практическая онлайн-школа обучения языкам программирования Python (Django), JavaScript, Kotlin В. Бовсуновского.

Специальная, подарочная акция получения доступа к Django4!

Как, я, начал код писать в Python? Смотрите, если уперлись и ничего не получается.

41. До конца допишем like_post(), а именно context, json, return.

Ну что ж это нам знакомо, давайте допишем

like_post(), а именно

context - напишем словарь, что б нас понимал язык шаблонов джанго.

json - напишем json, помните мы с вами делали middleware, а именно is_ajax().

Примечание. В Джанго 4 убрали эту функцию и предложили писать чистым js, успеем мы ещё написать на чистом js, поэтому я решил, что бы не стала забвением библиотека JQuery, вещь хорошая, много над ней работают, поэтому я решил написать middleware и опять оживить метод is_ajax(), если помните, то там мы использовали метод

HTTP_X_REQUESTED_WITH - он тоже со стороны js смотрит, что б пользователь был авторизован, так что защита у нас двойная от случайного пользователя или робота.

return - принимаем решение, что вернуть.

Перейти к уроку

42. Создадим url и шаблон для лайков.

42. Создадим url и шаблон для лайков и не забудем импортировать иконки, я показываю пример с простыми иконками, вы можете применять любой пакет иконок, главное не забыть его подключить в base.html.

Перейти к уроку

43. Добавим Ajax функцию в base.html.

AJAX основан на открытых стандартах

AJAX основан на следующих открытых стандартах:

  • Представление в браузере с использованием HTML и каскадных таблиц стилей (CSS).
  • Данные хранятся в формате XML и загружаются с сервера.
  • Незаметная выборка данных с использованием объектов XMLHttpRequest в браузере.
  • JavaScript, чтобы все произошло.

AJAX не может работать независимо. Он используется в сочетании с другими технологиями для создания интерактивных веб-страниц.

* JavaScript

  • Слабо типизированный скриптовый язык.
  • Функция JavaScript вызывается, когда на странице происходит событие.
  • Клей для всей операции AJAX.

* Django Python в нашем случае.

  • Мы написали middleware.
  • Функция like_post()
  • AJAX будет отвечать только за сам клик и передачу/прием данных с сервера, логика ложится у нас на джанго.

* DOM

  • API для доступа и управления структурированными документами.
  • Представляет структуру документов XML и HTML.

* CSS

  • Позволяет четко отделить стиль презентации от содержимого и может быть изменен программно с помощью JavaScript.

* XMLHttpRequest

  • Объект JavaScript, выполняющий асинхронное взаимодействие с сервером.

Перейти к уроку