P
Pisych25 февраля 2023 г. 0:24

Не совсем корректно работает 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
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

6
P
  • 25 февраля 2023 г. 7:40

И если после добавления посмотреть код страницы, то там ничего не изменится. Меняется только после обновления страницы... Может, в этом причина? Что тут можно сделать? Спасибо!

<table class="table shadow table-bordered">
<tbody id="tbody">

<tr>
<td style="width:960px; " class="align-middle">Новая</td>

<td class="text-center align-middle" ><input data-sid="219"  value="Update" type="image" src="/static/images/update.png" width="25px" > </td>
<td class="text-center align-middle" ><input data-sid="219" data-del="SprDelete" class="btn-del " value="Delete" type="image" src="/static/images/del.png" width="28px"> </td>
</tr>

<tr>
<td style="width:960px; " class="align-middle">Новая запись</td>

<td class="text-center align-middle" ><input data-sid="218"  value="Update" type="image" src="/static/images/update.png" width="25px" > </td>
<td class="text-center align-middle" ><input data-sid="218" data-del="SprDelete" class="btn-del " value="Delete" type="image" src="/static/images/del.png" width="28px"> </td>
</tr>

<tr>
<td style="width:960px; " class="align-middle">кг</td>

<td class="text-center align-middle" ><input data-sid="53"  value="Update" type="image" src="/static/images/update.png" width="25px" > </td>
<td class="text-center align-middle" ><input data-sid="53" data-del="SprDelete" class="btn-del " value="Delete" type="image" src="/static/images/del.png" width="28px"> </td>
</tr>

<tr>
<td style="width:960px; " class="align-middle">л.</td>

<td class="text-center align-middle" ><input data-sid="49"  value="Update" type="image" src="/static/images/update.png" width="25px" > </td>
<td class="text-center align-middle" ><input data-sid="49" data-del="SprDelete" class="btn-del " value="Delete" type="image" src="/static/images/del.png" width="28px"> </td>
</tr>

<tr>
<td style="width:960px; " class="align-middle">м</td>

<td class="text-center align-middle" ><input data-sid="2"  value="Update" type="image" src="/static/images/update.png" width="25px" > </td>
<td class="text-center align-middle" ><input data-sid="2" data-del="SprDelete" class="btn-del " value="Delete" type="image" src="/static/images/del.png" width="28px"> </td>
</tr>

    P
    • 25 февраля 2023 г. 11:53

    Хотя ошибка скорее всего во view, вот что пишет:
    ValueError: Field 'id' expected a number but got ''.
    [25/Feb/2023 12:44:04] "POST /SprDelete/ HTTP/1.1" 500 121525
    Понятно, id ждет число , а получает пустую строку. Но почему так? Вот сам view

    #***********************//AJAX//**********************************************
    # удаление единицы измерения
    def SprDelete(request):
        if request.method == 'POST':
            id=request.POST.get('sid')
            print(id)
            pi=Unit.objects.get(pk=id)
            pi.delete()
            return JsonResponse({'status':'Del',})
        else:
            return JsonResponse({'status':0,})
    
    

    Если просто открыть спраочник, то все отлично работает. Но если добавить, а потом попробовать что-то удалить, то вот эта ошибка, пустая строка в id..

      P
      • 25 февраля 2023 г. 19:28
      • (ред.)

      если добавить в JavaScript location.reload () - все будет работать. но зачем мне перезагружать страницу? ч от этого и хочу уйти:(

        P
        • 26 февраля 2023 г. 14:28

        Вопрос закрыт. Разобрался..

          NSProject
          • 26 февраля 2023 г. 18:20
          • (ред.)

          Всё логично. Ты полностью стираешь форму делая form[0].reset() и она становится пустой. То есть данных никаких нет.

            P
            • 26 февраля 2023 г. 18:23

            А всё, разобрался...

              Комментарии

              Только авторизованные пользователи могут публиковать комментарии.
              Пожалуйста, авторизуйтесь или зарегистрируйтесь
              B

              C++ - Тест 002. Константы

              • Результат:16баллов,
              • Очки рейтинга-10
              B

              C++ - Тест 001. Первая программа и типы данных

              • Результат:46баллов,
              • Очки рейтинга-6
              FL

              C++ - Тест 006. Перечисления

              • Результат:80баллов,
              • Очки рейтинга4
              Последние комментарии
              k
              kmssr8 февраля 2024 г. 15:43
              Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
              АК
              Анатолий Кононенко4 февраля 2024 г. 22:50
              Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
              EVA
              EVA25 декабря 2023 г. 7:30
              Boost - статическая линковка в CMake проекте под Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
              J
              JonnyJo25 декабря 2023 г. 5:38
              Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
              G
              Gvozdik18 декабря 2023 г. 18:01
              Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
              Сейчас обсуждают на форуме
              P
              Pisych27 февраля 2023 г. 1:04
              Как получить в массив значения из связанной модели? Спасибо, разобрался:))
              AC
              Alexandru Codreanu19 января 2024 г. 8:57
              QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…
              BlinCT
              BlinCT27 декабря 2023 г. 5:57
              Растягивать Image на парент по высоте Ну и само собою дял включения scrollbar надо чтобы был Flickable. Так что выходит как то так Flickable{ id: root anchors.fill: parent clip: true property url linkFile p…
              Дмитрий
              Дмитрий10 января 2024 г. 1:18
              Qt Creator загружает всю оперативную память Проблема решена. Удалось разобраться с помощью утилиты strace. Запустил ее: strace ./qtcreator Начал выводиться весь лог работы креатора. В один момент он начал считывать фай…
              Evgenii Legotckoi
              Evgenii Legotckoi12 декабря 2023 г. 3:48
              Побуквенное сравнение двух строк Добрый день. Там случайно не высылается этот сигнал textChanged ещё и при форматировани текста? Если решиать в лоб, то можно просто отключать сигнал/слотовое соединение внутри слота и …

              Следите за нами в социальных сетях