P
Pisych24 февраля 2023 г. 13: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
  • 24 февраля 2023 г. 20: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 г. 0: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 г. 8:28
      • (ред.)

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

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

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

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

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

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

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

              Комментарии

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

              C++ - Тест 004. Указатели, Массивы и Циклы

              • Результат:50баллов,
              • Очки рейтинга-4
              m
              • molni99
              • 26 октября 2024 г. 1:37

              C++ - Тест 004. Указатели, Массивы и Циклы

              • Результат:80баллов,
              • Очки рейтинга4
              m
              • molni99
              • 26 октября 2024 г. 1:29

              C++ - Тест 004. Указатели, Массивы и Циклы

              • Результат:20баллов,
              • Очки рейтинга-10
              Последние комментарии
              ИМ
              Игорь Максимов22 ноября 2024 г. 11:51
              Django - Урок 017. Кастомизированная страница авторизации на Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
              Evgenii Legotckoi
              Evgenii Legotckoi31 октября 2024 г. 14:37
              Django - Урок 064. Как написать расширение для Python Markdown Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
              A
              ALO1ZE19 октября 2024 г. 8:19
              Читалка fb3-файлов на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
              ИМ
              Игорь Максимов5 октября 2024 г. 7:51
              Django - Урок 064. Как написать расширение для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
              d
              dblas55 июля 2024 г. 11:02
              QML - Урок 016. База данных SQLite и работа с ней в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
              Сейчас обсуждают на форуме
              m
              moogo22 ноября 2024 г. 7:17
              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 Legotckoi
              Evgenii Legotckoi24 июня 2024 г. 15:11
              добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
              t
              tonypeachey115 ноября 2024 г. 6:04
              google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
              NSProject
              NSProject4 июня 2022 г. 3:49
              Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…

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