Не совсем корректно работает 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>
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!
- Дмитрий
- May 7, 2024, 6:40 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:60points,
- Rating points-1
d
- dsfs
- April 26, 2024, 1:56 a.m.
C ++ - Test 004. Pointers, Arrays and Loops
- Result:80points,
- Rating points4
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. 4, 2024, 10:50 p.m.
EVADec. 25, 2023, 7: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
добавить qlineseries в функции в функции: "GPlotter::addSeries(QString title, QVector &arr)" я вызываю метод setChart(...), я в конструктор передал адрес на QChartView элемент
BlinCTMay 5, 2024, 2:46 a.m.
Best Indian Food Restaurant In Cincinnati OH Ready to embark on a gastronomic journey like no other? Join us at App india restaurant and discover why we're renowned as the Best Indian Food Restaurant In Cincinnati OH . Whether y…
Evgenii LegotckoiMay 2, 2024, 11:07 a.m.
IscanderCheApril 30, 2024, 1:22 a.m.
И если после добавления посмотреть код страницы, то там ничего не изменится. Меняется только после обновления страницы... Может, в этом причина? Что тут можно сделать? Спасибо!
Хотя ошибка скорее всего во 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() и она становится пустой. То есть данных никаких нет.
А всё, разобрался...