Помогите разобраться с ajax...
Добрый день! Может кто нибудь помочь мне, дать простейщий пример работы с ajax? Я не прошу делать за меня весь проект, нужен только базовый пример для добавления записи в таблицу БЕЗ ПЕРЕЗАГРУЗКИ исходной страницы...
models:
# Категории class Category(models.Model): title = models.CharField(max_length=100, verbose_name='Наименование категории',unique=True) def __str__(self): return self.title
forms:
class CategoryForm(forms.ModelForm): class Meta: model = Category fields = ['title'] widgets = { 'title': forms.TextInput(attrs={'class':'form-control','style':'width:945px;'}), }
path('category/', CategoryList, name='CategoryList'),
view:
#Создание категории def CategoryList(request): unit = Category.objects.all() if request.method == 'POST': form = CategoryForm(request.POST) if form.is_valid(): form.save() return redirect("CategoryList") else: form=CategoryForm() return render(request,'store/spr/SprList.html',{'title':"Категории",'unit':unit,'form':form, 'btn_caption': 'Добавить', 'brd_class': 'border-secondary', 'btn_class':'btn-primary','pic_label': 'Категории', 'base_url': 'CategoryList', 'update_url': 'CategoryUpdate', 'delete_url': 'CategoryDelete'})
html:
{% extends 'store/menu.html' %} {% load static %} {% block DataArea %} <div class="row"> <div class="col-md-1 "><img src="{% static '/images/report.png' %}" class="miniature_sprav mt-1 ">{{pic_label}}</div> <div class="col-md-11 mx-auto shadow"> <table class="table shadow "> <thead> <tr> <th class="{{brd_class}}" > <form action="" method="post"> {% csrf_token %} {{ form.as_p}}</th> <th class="pt-4 {{brd_class}}"> <button type="submit" class="btn {{btn_class}} btn btn-sm mb-3 pt-2 pb-2 " >{{btn_caption}}</button> <a href="{% url base_url %}" ><img src="{% static '/images/update.png' %}" class="btnupdate"><a> </form> </th> </tr> </thead> </table> <div class="scrolltable"> <table class="table shadow table-bordered"> <tbody> {% for item in unit %} <tr> <td style="width:960px;"> <a href="{% url update_url item.pk %}" class=" text-dark ">{{item.title}}</a> </td> <td class="text-center"> <a href="{% url delete_url item.pk %}" class="lead text-dark "> <img src="{% static '/images/del.png' %}" class="miniature2"></td></a> </tr> {% endfor %} </tbody> </table> </div> </div> </div> {% endblock DataArea %}
Как тут ajax прикручивать? Мне не требуется именно на моем шаблоне, мне нужен просто пример, чтобы разобраться, простейшая страница с формой... Помогите, пожалуйста!
p.s. Примеры конечно искал, очень много различных вариантов, везде все по разному...
и еще вопрос - JQUERY надо отдельно подключать или она входит в Bootstrap? У меня версия 5.
Спасибо!
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.Do you like it? Share on social networks!
l
- laei
- April 23, 2024, 9:19 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:10points,
- Rating points-10
Last comments
Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Lesson 007. Working with ICMP Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий КононенкоFeb. 5, 2024, 1:50 a.m.
EVADec. 25, 2023, 10:30 a.m.
Boost - static linking in CMake project under Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
Qt/C++ - Lesson 056. Connecting the Boost library in Qt for MinGW and MSVC compilers Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Now discuss on the forum
DA
Unlock Your Aesthetic Potential: Explore MSC in Facial Aesthetics and Cosmetology in India Embark on a transformative journey with an msc in facial aesthetics and cosmetology in india . Delve into the intricate world of beauty and rejuvenation, guided by expert faculty and …
Dr Gangil AcademicsApril 20, 2024, 7:45 a.m.
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
Павел ДорофеевApril 14, 2024, 2:35 a.m.
Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…
Добрый день!
Проще всего использовать библиотеку jQuery для этих целей.
Здесь есть два ключевых момента:
Но если вкратце, то использование ajax в jQuery происходит так
На основе основе вашего кода я бы сделал немного по другому заменив метод на класс:
В любом случае сервер должен возращать какой то ответ иначе если форма не сохранится то будет ошибка сервера 500 вроде бы.
Так же js файл может быть реализован на ванильном js или же jquery. Лично я последнее время использую ванильный javascript, но тут уже дело выбора и того как удобно вам.
Ваша отрендеринная форма будет иметь примерно такой вид :
И соответственно уже ваш файл скрипта.
В общем получится что то типа этого. Существует ещё fetch для отправки аякс запросов, н оя что то подумал его не указывать ибо синтаксис у него как и у обычного ajax, ибо они родственники.
Большое спасибо! Буду