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

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

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

40. Продолжаем писать else для представления лайков like_post().

Напишем, else, для нашего представления. Понятно, что оно будет сохранять лайк в базу данных.

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

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, выполняющий асинхронное взаимодействие с сервером.

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

44. Логика работы Джанго + Ajax очень простым языком.

Это очень длинное видео.

Разбейте на несколько, но чем это важно.

Если Вы хотите писать крутые вещи, магазины любой сложности, сайты любой сложности и хотите что бы действия происходили без перезагрузки страницы, вам понадобится Ajax, в этом видео, неприлично длинном я показал весь процесс, я рассчитываю на то, что Вы прописали этот код со мной и вам нужно всего лишь собрать все в голове.

Если вы не писали ещё этот код, то тоже выгодно посмотреть, что бы понимать, что будете писать.

Главное понять замысел работы Ajax + Django, нет там ничего сложного.

Очень хорошая новость, все пишется принципиально одинаково, так как Ajax - это просто запрос к серверу, так что понимая принцип, сможете развивать.

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

Это видео открыто, так как все равно кто не писал код, сможет хоят бы понять, как это работает, сам код все равно не поймёт, его нужно ручками прописать.

В общем цель была показать полную картину. Ajax будете использовать везде с любыми языками, но принцип везде одинаковый, так поймите эту долбанный Ajax сейчас, раз и навсегда. Долго рисовали и схему, что как работает, как говорится со всех сторон.

-

Как Ajax работает в связке с Django (объяснение, схема, пример).

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