Не совсем корректно работает ajax
Добрый день! Вот код с использованием ajax для добавления и удаления записей в таблицу. Если открыть страницу с данными, то можно и удалять и добавлять... Но! после добавления не работает удаление... id значение становится ''. Но если обновить страницу все опять работает. Может, подскажите в чем причина?
<script> output=''; $('#post-form').on('submit',function(e){ event.preventDefault(); var self = this; let _tlt=$("#idtitle").val(); let csr=$("input[name=csrfmiddlewaretoken]").val(); console.log($(this).attr('action')) mydata={ title:_tlt, csrfmiddlewaretoken:csr, } $.ajax({ url:$(this).attr('action'), method:"POST", data:mydata, dataType:"json", success:function(data){ x=data.unit_data; if (data.status=='Save'){ for(i=0;i<x.length;i++){ output +='<tr><td class="align-middle" style="width:960px;">'+ x[i].title+'</td>'+ '<td class="text-center align-middle">'+'<input data-sid="{{item.pk}}" value="Update" type="image" src="../static/images/update.png" style="width:25px;">'+'</td>' + '<td class="text-center align-middle">'+'<input data-sid="{{item.pk}}" data-del="SprDelete" class="btn-del" value="Delete" type="image" src="../static/images/del.png" style="width:28px;">'+'</td></tr>' } $('#tbody').html(output) output=''; $("form")[0].reset(); //location.reload(); } if (data.status == 0){ alert('Запись не добавлена. Возможно, такая уже есть в справочнике...'); } } }); } ); /////////////////////////////////////////////////////////////////////////////// /////////////////////////////Delete SPR $('#tbody').on('click','.btn-del',function(){ let id=$(this).attr('data-sid'); alert(id); let pth='/'+$(this).attr('data-del')+'/'; let csr=$("input[name=csrfmiddlewaretoken]").val(); mydata={sid:id, csrfmiddlewaretoken:csr,}; mythis=$(this); $.ajax({ url:pth, method:'POST', data:mydata, success:function(data){ if(data.status =='Del'){ $(mythis).closest("tr").fadeOut(); } if(data.status ==0){ console.log('NO'); } }, }); }); </script>
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.Вам это нравится? Поделитесь в социальных сетях!
Комментарии
Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Пожалуйста, авторизуйтесь или зарегистрируйтесь
B
- Bogdannn
- 27 марта 2024 г. 16:15
C++ - Тест 001. Первая программа и типы данных
- Результат:46баллов,
- Очки рейтинга-6
Последние комментарии
Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий Кононенко4 февраля 2024 г. 22:50
EVA25 декабря 2023 г. 7:30
Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Сейчас обсуждают на форуме
Как получить в массив значения из связанной модели? Спасибо, разобрался:))
AC
QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…
Alexandru Codreanu19 января 2024 г. 8:57
BlinCT27 декабря 2023 г. 5:57
Дмитрий10 января 2024 г. 1:18
Evgenii Legotckoi12 декабря 2023 г. 3:48
И если после добавления посмотреть код страницы, то там ничего не изменится. Меняется только после обновления страницы... Может, в этом причина? Что тут можно сделать? Спасибо!
Хотя ошибка скорее всего во view, вот что пишет:
ValueError: Field 'id' expected a number but got ''.
[25/Feb/2023 12:44:04] "POST /SprDelete/ HTTP/1.1" 500 121525
Понятно, id ждет число , а получает пустую строку. Но почему так? Вот сам view
Если просто открыть спраочник, то все отлично работает. Но если добавить, а потом попробовать что-то удалить, то вот эта ошибка, пустая строка в id..
если добавить в JavaScript location.reload () - все будет работать. но зачем мне перезагружать страницу? ч от этого и хочу уйти:(
Вопрос закрыт. Разобрался..
Всё логично. Ты полностью стираешь форму делая form[0].reset() и она становится пустой. То есть данных никаких нет.
А всё, разобрался...