Не совсем корректно работает 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 хостинг.Вам это нравится? Поделитесь в социальных сетях!
Комментарии
Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Пожалуйста, авторизуйтесь или зарегистрируйтесь
AD
- Akiv Doros
- 11 ноября 2024 г. 14:58
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:50баллов,
- Очки рейтинга-4
m
- molni99
- 26 октября 2024 г. 1:37
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:80баллов,
- Очки рейтинга4
m
- molni99
- 26 октября 2024 г. 1:29
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:20баллов,
- Очки рейтинга-10
Последние комментарии
ИМ
Django - Урок 017. Кастомизированная страница авторизации на Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
Игорь Максимов22 ноября 2024 г. 11:51
Evgenii Legotckoi31 октября 2024 г. 14:37
Читалка fb3-файлов на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
ИМ
Django - Урок 064. Как написать расширение для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
Игорь Максимов5 октября 2024 г. 7:51
QML - Урок 016. База данных SQLite и работа с ней в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Сейчас обсуждают на форуме
Mosquito Spray System Effective Mosquito Systems for Backyard | Eco-Friendly Misting Control Device & Repellent Spray - Moogo ; Upgrade your backyard with our mosquito-repellent device! Our misters conce…
Evgenii Legotckoi24 июня 2024 г. 15:11
t
google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
tonypeachey115 ноября 2024 г. 6:04
NSProject4 июня 2022 г. 3:49
IscanderChe31 октября 2024 г. 15:43
И если после добавления посмотреть код страницы, то там ничего не изменится. Меняется только после обновления страницы... Может, в этом причина? Что тут можно сделать? Спасибо!
Хотя ошибка скорее всего во 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() и она становится пустой. То есть данных никаких нет.
А всё, разобрался...